@ step
@ step
@ step
@ step
@ step
@ step
@ step
@ step
@ step
to

Hex Code RGB CSS Value Value with Units
#FFFFD9rgb(255, 255, 217, 1)2525 mm
#EDF8B1rgb(237, 248, 177, 1)3838 mm
#C7E9B4rgb(199, 233, 180, 1)5151 mm
#7FCDBBrgb(127, 205, 187, 1)6464 mm
#41B6C4rgb(65, 182, 196, 1)7777 mm
#1D91C0rgb(29, 145, 192, 1)9090 mm
#225EA8rgb(34, 94, 168, 1)103103 mm
#253494rgb(37, 52, 148, 1)116116 mm
#081D58rgb(8, 29, 88, 1)125125 mm
125 mm
112 mm
99 mm
86 mm
73 mm
60 mm
47 mm
34 mm
25 mm
Copy to Clipboard
<dl id="legendTable" style="width: 85px;background: #fff;border: 1px solid #000;padding: 10px 10px;line-height:0;border-radius:10px;margin-top:10px;">
    <dt style="background:#081D58;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">125 mm</dd>
    <dt style="background:#253494;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">112 mm</dd>
    <dt style="background:#225EA8;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">99 mm</dd>
    <dt style="background:#1D91C0;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">86 mm</dd>
    <dt style="background:#41B6C4;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">73 mm</dd>
    <dt style="background:#7FCDBB;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">60 mm</dd>
    <dt style="background:#C7E9B4;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">47 mm</dd>
    <dt style="background:#EDF8B1;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">34 mm</dd>
    <dt style="background:#FFFFD9;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">25 mm</dd>
</dl>
Copy to Clipboard
getFillColor: deck.carto.colorContinuous({
    attr: 'COLUMN_NAME',
    nullColor: [238, 238, 238],
    domain: [25,38,51,64,77,90,103,116,125],
    colors: [
       [255, 255, 217],
       [237, 248, 177],
       [199, 233, 180],
       [127, 205, 187],
       [65, 182, 196],
       [29, 145, 192],
       [34, 94, 168],
       [37, 52, 148],
       [8, 29, 88]
    ];
}),


                        
Copy to Clipboard Download JSON
{
   "ramp": [
        {
             "values": 25,
             "color": "#FFFFD9"
        },
        {
             "value": 38,
             "color": "#EDF8B1"
        },
        {
             "value": 51,
             "color": "#C7E9B4"
        },
        {
             "value": 64,
             "color": "#7FCDBB"
        },
        {
             "value": 77,
             "color": "#41B6C4"
        },
        {
             "value": 90,
             "color": "#1D91C0"
        },
        {
             "value": 103,
             "color": "#225EA8"
        },
        {
             "value": 116,
             "color": "#253494"
        },
        {
             "value": 125,
             "color": "#081D58"
        }
    ]
}
Copy to Clipboard
// Generated by RampGenerator.com

// This function allows you to enter a value and have the color returned,
// useful when coloring geojson maps or anything else you can think of.

// sample usage:
// console.log(getColor(51));
// result: #C7E9B4

                            function getColor(v) {
  return v >= 125 ? '#081D58' :
    v >= 112 ? '#253494' :
    v >= 99 ? '#225EA8' :
    v >= 86 ? '#1D91C0' :
    v >= 73 ? '#41B6C4' :
    v >= 60 ? '#7FCDBB' :
    v >= 47 ? '#C7E9B4' :
    v >= 34 ? '#EDF8B1' :
    v >= 25 ? '#FFFFD9' :
            '#FFFFD9'; 
}
Copy to Clipboard
/*
Generated by RampGenerator.com
==============================
This is a CSS Style meant for Geoserver,
the Geoserver CSS Extension must be
installed to be able to use this.
*/

/* @title 25-38 mm*/
[COLUMN_NAME >= 25] [COLUMN_NAME < 38] {
    fill: #FFFFD9;
    fill-opacity: 1;
}
/* @title 38-51 mm*/
[COLUMN_NAME >= 38] [COLUMN_NAME < 51] {
    fill: #EDF8B1;
    fill-opacity: 1;
}
/* @title 51-64 mm*/
[COLUMN_NAME >= 51] [COLUMN_NAME < 64] {
    fill: #C7E9B4;
    fill-opacity: 1;
}
/* @title 64-77 mm*/
[COLUMN_NAME >= 64] [COLUMN_NAME < 77] {
    fill: #7FCDBB;
    fill-opacity: 1;
}
/* @title 77-90 mm*/
[COLUMN_NAME >= 77] [COLUMN_NAME < 90] {
    fill: #41B6C4;
    fill-opacity: 1;
}
/* @title 90-103 mm*/
[COLUMN_NAME >= 90] [COLUMN_NAME < 103] {
    fill: #1D91C0;
    fill-opacity: 1;
}
/* @title 103-116 mm*/
[COLUMN_NAME >= 103] [COLUMN_NAME < 116] {
    fill: #225EA8;
    fill-opacity: 1;
}
/* @title 116-129 mm*/
[COLUMN_NAME >= 116] [COLUMN_NAME < 129] {
    fill: #253494;
    fill-opacity: 1;
}
/* @title 125+ mm*/
[COLUMN_NAME >= 125] {
    fill: #081D58;
    fill-opacity: 1;
}

Copy to Clipboard Direct XML URL Download SLD
<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0" xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd">
  <NamedLayer>
    <Name>GeoServer Layer Name</Name>
    <UserStyle>
      <Name>name</Name>
      <Title>Title of Style</Title>
      <Abstract> mm</Abstract>
      <FeatureTypeStyle>
        <Rule>
          <RasterSymbolizer>
            <Opacity>1.0</Opacity>
            <ColorMap>
              <ColorMapEntry color="#FFFFD9" quantity="25" label="25 mm" opacity="1"/>
              <ColorMapEntry color="#EDF8B1" quantity="38" label="38 mm" opacity="1"/>
              <ColorMapEntry color="#C7E9B4" quantity="51" label="51 mm" opacity="1"/>
              <ColorMapEntry color="#7FCDBB" quantity="64" label="64 mm" opacity="1"/>
              <ColorMapEntry color="#41B6C4" quantity="77" label="77 mm" opacity="1"/>
              <ColorMapEntry color="#1D91C0" quantity="90" label="90 mm" opacity="1"/>
              <ColorMapEntry color="#225EA8" quantity="103" label="103 mm" opacity="1"/>
              <ColorMapEntry color="#253494" quantity="116" label="116 mm" opacity="1"/>
              <ColorMapEntry color="#081D58" quantity="125" label="125 mm" opacity="1"/>
            </ColorMap>
          </RasterSymbolizer>
        </Rule>
      </FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>
Copy to Clipboard Download SLD
<!--
Generated by RampGenerator.com

This is an SLD (Styled Layer Descriptor) style designed
to be used with geoserver when the store is a postgis database,

This can easily be adapted to anything else that uses SLD.
-->


<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0" xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd">
  <NamedLayer>
    <Name>GeoServer Layer Name</Name>
    <UserStyle>
      <Title>Title of Style</Title>
      <Abstract> mm</Abstract>
      <FeatureTypeStyle>
        <Rule>
          <Title>25 - 38</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>25</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>38</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#FFFFD9</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>38 - 51</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>38</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>51</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#EDF8B1</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>51 - 64</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>51</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>64</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#C7E9B4</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>64 - 77</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>64</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>77</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#7FCDBB</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>77 - 90</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>77</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>90</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#41B6C4</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>90 - 103</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>90</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>103</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#1D91C0</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>103 - 116</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>103</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>116</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#225EA8</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>116 - 129</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>116</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>129</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#253494</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
      </FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>
Copy to Clipboard Download QML
<!--
Generated by RampGenerator.com

This is a QGIS Layer Style Definition File
You can load the file in the layer properties window. STYLE > Load Style
-->

<!DOCTYPE qgis PUBLIC 'http://mrcc.com/qgis.dtd' 'SYSTEM'>
<qgis hasScaleBasedVisibilityFlag="0" readOnly="0" version="3.6.3-Noosa" simplifyDrawingHints="1" simplifyAlgorithm="0" simplifyLocal="1" simplifyMaxScale="1" styleCategories="AllStyleCategories" maxScale="0" minScale="1e+8" simplifyDrawingTol="1" labelsEnabled="0">
  <flags>
    <Identifiable>1</Identifiable>
    <Removable>1</Removable>
    <Searchable>1</Searchable>
  </flags>
  <renderer-v2 attr="FID" graduatedMethod="GraduatedColor" forceraster="0" type="graduatedSymbol" enableorderby="0" symbollevels="0">
    <ranges>
        <range render="true" symbol="1" label="25 - 38" lower="25" upper="38"/>
        <range render="true" symbol="2" label="38 - 51" lower="38" upper="51"/>
        <range render="true" symbol="3" label="51 - 64" lower="51" upper="64"/>
        <range render="true" symbol="4" label="64 - 77" lower="64" upper="77"/>
        <range render="true" symbol="5" label="77 - 90" lower="77" upper="90"/>
        <range render="true" symbol="6" label="90 - 103" lower="90" upper="103"/>
        <range render="true" symbol="7" label="103 - 116" lower="103" upper="116"/>
        <range render="true" symbol="8" label="116 - 129" lower="116" upper="129"/>
    </ranges>
    <symbols>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="1">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="255,255,217,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="2">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="237,248,177,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="3">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="199,233,180,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="4">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="127,205,187,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="5">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="65,182,196,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="6">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="29,145,192,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="7">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="34,94,168,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="8">
      <layer pass="0" locked="0" enabled="1" class="SimpleFill">
        <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
        <prop v="37,52,148,255" k="color"/>
        <prop v="bevel" k="joinstyle"/>
        <prop v="0,0" k="offset"/>
        <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
        <prop v="MM" k="offset_unit"/>
        <prop v="35,35,35,255" k="outline_color"/>
        <prop v="solid" k="outline_style"/>
        <prop v="0.26" k="outline_width"/>
        <prop v="MM" k="outline_width_unit"/>
        <prop v="solid" k="style"/>
        <data_defined_properties>
          <Option type="Map">
            <Option value="" type="QString" name="name"/>
            <Option name="properties"/>
            <Option value="collection" type="QString" name="type"/>
          </Option>
        </data_defined_properties>
      </layer>
    </symbol>
    </symbols>
    <source-symbol>
      <symbol type="fill" clip_to_extent="1" alpha="1" force_rhr="0" name="0">
        <layer pass="0" locked="0" enabled="1" class="SimpleFill">
          <prop v="3x:0,0,0,0,0,0" k="border_width_map_unit_scale"/>
          <prop v="255,255,255,255" k="color"/>
          <prop v="bevel" k="joinstyle"/>
          <prop v="0,0" k="offset"/>
          <prop v="3x:0,0,0,0,0,0" k="offset_map_unit_scale"/>
          <prop v="MM" k="offset_unit"/>
          <prop v="0,0,0,255" k="outline_color"/>
          <prop v="solid" k="outline_style"/>
          <prop v="0.26" k="outline_width"/>
          <prop v="MM" k="outline_width_unit"/>
          <prop v="solid" k="style"/>
          <data_defined_properties>
            <Option type="Map">
              <Option value="" type="QString" name="name"/>
              <Option name="properties"/>
              <Option value="collection" type="QString" name="type"/>
            </Option>
          </data_defined_properties>
        </layer>
      </symbol>
    </source-symbol>
    <colorramp type="gradient" name="[source]">
      <prop v="255,255,217,255" k="color1"/>
      <prop v="8,29,88,255" k="color2"/>
      <prop v="0" k="discrete"/>
      <prop v="gradient" k="rampType"/>
      <prop v="0.088889;237,248,177,255:0.177778;199,233,180,255:0.266667;127,205,187,255:0.355556;65,182,196,255:0.444444;29,145,192,255:0.533333;34,94,168,255:0.622222;37,52,148,255:0.711111;8,29,88,255" k="stops"/>
    </colorramp>
    <mode name="equal"/>
    <symmetricMode astride="false" enabled="false" symmetryPoint="0"/>
    <rotation/>
    <sizescale/>
    <labelformat trimtrailingzeroes="false" format="%1 - %2" decimalplaces="0"/>
  </renderer-v2>
  <customproperties>
    <property key="dualview/previewExpressions">
      <value>FID</value>
    </property>
    <property value="0" key="embeddedWidgets/count"/>
    <property key="variableNames"/>
    <property key="variableValues"/>
  </customproperties>
  <blendMode>0</blendMode>
  <featureBlendMode>0</featureBlendMode>
  <layerOpacity>1</layerOpacity>
  <SingleCategoryDiagramRenderer diagramType="Histogram" attributeLegend="1">
    <DiagramCategory minScaleDenominator="0" maxScaleDenominator="1e+8" penAlpha="255" rotationOffset="270" lineSizeType="MM" lineSizeScale="3x:0,0,0,0,0,0" scaleDependency="Area" scaleBasedVisibility="0" backgroundAlpha="255" labelPlacementMethod="XHeight" penColor="#000000" sizeType="MM" enabled="0" sizeScale="3x:0,0,0,0,0,0" height="15" diagramOrientation="Up" backgroundColor="#ffffff" penWidth="0" barWidth="5" opacity="1" minimumSize="0" width="15">
      <fontProperties description="Ubuntu,11,-1,5,50,0,0,0,0,0" style=""/>
    </DiagramCategory>
  </SingleCategoryDiagramRenderer>
  <DiagramLayerSettings obstacle="0" dist="0" priority="0" placement="1" linePlacementFlags="18" zIndex="0" showAll="1">
    <properties>
      <Option type="Map">
        <Option value="" type="QString" name="name"/>
        <Option name="properties"/>
        <Option value="collection" type="QString" name="type"/>
      </Option>
    </properties>
  </DiagramLayerSettings>
  <geometryOptions removeDuplicateNodes="0" geometryPrecision="0">
    <activeChecks/>
    <checkConfiguration/>
  </geometryOptions>
  <fieldConfiguration>
    <field name="FID">
      <editWidget type="TextEdit">
        <config>
          <Option/>
        </config>
      </editWidget>
    </field>
  </fieldConfiguration>
  <aliases>
    <alias field="FID" index="0" name=""/>
  </aliases>
  <excludeAttributesWMS/>
  <excludeAttributesWFS/>
  <defaults>
    <default applyOnUpdate="0" field="FID" expression=""/>
  </defaults>
  <constraints>
    <constraint notnull_strength="0" field="FID" constraints="0" unique_strength="0" exp_strength="0"/>
  </constraints>
  <constraintExpressions>
    <constraint field="FID" desc="" exp=""/>
  </constraintExpressions>
  <expressionfields/>
  <attributeactions>
    <defaultAction value="{00000000-0000-0000-0000-000000000000}" key="Canvas"/>
  </attributeactions>
  <attributetableconfig sortExpression="" actionWidgetStyle="dropDown" sortOrder="0">
    <columns>
      <column type="field" name="FID" hidden="0" width="-1"/>
      <column type="actions" hidden="1" width="-1"/>
    </columns>
  </attributetableconfig>
  <conditionalstyles>
    <rowstyles/>
    <fieldstyles/>
  </conditionalstyles>
  <editform tolerant="1"></editform>
  <editforminit/>
  <editforminitcodesource>0</editforminitcodesource>
  <editforminitfilepath></editforminitfilepath>
  <editforminitcode><![CDATA[# -*- coding: utf-8 -*-
"""
QGIS forms can have a Python function that is called when the form is
opened.

Use this function to add extra logic to your forms.

Enter the name of the function in the "Python Init function"
field.
An example follows:
"""
from qgis.PyQt.QtWidgets import QWidget

def my_form_open(dialog, layer, feature):
	geom = feature.geometry()
	control = dialog.findChild(QWidget, "MyLineEdit")
]]></editforminitcode>
  <featformsuppress>0</featformsuppress>
  <editorlayout>generatedlayout</editorlayout>
  <editable>
    <field editable="1" name="FID"/>
  </editable>
  <labelOnTop>
    <field name="FID" labelOnTop="0"/>
  </labelOnTop>
  <widgets/>
  <previewExpression>FID</previewExpression>
  <mapTip></mapTip>
  <layerGeometryType>2</layerGeometryType>
</qgis>
Copy to Clipboard
// string used in python/javascript api call (vis_params)

// without keys

25:125:FFFFD9,EDF8B1,C7E9B4,7FCDBB,41B6C4,1D91C0,225EA8,253494,081D58

// with keys

{"min":25, "max":125, palette:"FFFFD9,EDF8B1,C7E9B4,7FCDBB,41B6C4,1D91C0,225EA8,253494,081D58"}

// color ramp for code editor

var sld = '<RasterSymbolizer>' +
            '<Opacity>1.0</Opacity>' +
            '<ColorMap>' +
              '<ColorMapEntry color="#FFFFD9" quantity="25" label="25 mm"/>' +
              '<ColorMapEntry color="#EDF8B1" quantity="38" label="38 mm"/>' +
              '<ColorMapEntry color="#C7E9B4" quantity="51" label="51 mm"/>' +
              '<ColorMapEntry color="#7FCDBB" quantity="64" label="64 mm"/>' +
              '<ColorMapEntry color="#41B6C4" quantity="77" label="77 mm"/>' +
              '<ColorMapEntry color="#1D91C0" quantity="90" label="90 mm"/>' +
              '<ColorMapEntry color="#225EA8" quantity="103" label="103 mm"/>' +
              '<ColorMapEntry color="#253494" quantity="116" label="116 mm"/>' +
              '<ColorMapEntry color="#081D58" quantity="125" label="125 mm"/>' +
            '</ColorMap>' +
          '</RasterSymbolizer>';