@ 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)5050 mm
#7FCDBBrgb(127, 205, 187, 1)6363 mm
#41B6C4rgb(65, 182, 196, 1)7575 mm
#1D91C0rgb(29, 145, 192, 1)8888 mm
#225EA8rgb(34, 94, 168, 1)100100 mm
#253494rgb(37, 52, 148, 1)113113 mm
#081D58rgb(8, 29, 88, 1)125125 mm
125 mm
88 mm
75 mm
63 mm
50 mm
38 mm
25 mm
13 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;">88 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;">75 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;">63 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;">50 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;">38 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;">25 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;">13 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,50,63,75,88,100,113,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": 50,
             "color": "#C7E9B4"
        },
        {
             "value": 63,
             "color": "#7FCDBB"
        },
        {
             "value": 75,
             "color": "#41B6C4"
        },
        {
             "value": 88,
             "color": "#1D91C0"
        },
        {
             "value": 100,
             "color": "#225EA8"
        },
        {
             "value": 113,
             "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(50));
// result: #C7E9B4

function getColor(v) {
  return v >= 125 ? '#081D58' :
    v >= 88 ? '#253494' :
    v >= 75 ? '#225EA8' :
    v >= 63 ? '#1D91C0' :
    v >= 50 ? '#41B6C4' :
    v >= 38 ? '#7FCDBB' :
    v >= 25 ? '#C7E9B4' :
    v >= 13 ? '#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.

Generated URL: 
https://rampgenerator.com/?unique_colors=9&steps=9&step_color%5B1%5D=%23FFFFD9&at_step%5B1%5D=1&step_color%5B2%5D=%23EDF8B1&at_step%5B2%5D=2&step_color%5B3%5D=%23C7E9B4&at_step%5B3%5D=3&step_color%5B4%5D=%237FCDBB&at_step%5B4%5D=4&step_color%5B5%5D=%2341B6C4&at_step%5B5%5D=5&step_color%5B6%5D=%231D91C0&at_step%5B6%5D=6&step_color%5B7%5D=%23225EA8&at_step%5B7%5D=7&step_color%5B8%5D=%23253494&at_step%5B8%5D=8&step_color%5B9%5D=%23081D58&at_step%5B9%5D=9&min_value=25&max_value=125&decimals=0&opacity=1&col=COLUMN_NAME&null_color=%23EEEEEE&legendContainer_css=width%3A+85px%3B%0D%0Abackground%3A+%23fff%3B%0D%0Aborder%3A+1px+solid+%23000%3B%0D%0Apadding%3A+10px+10px%3B%0D%0Aline-height%3A0%3B%0D%0Aborder-radius%3A10px%3B%0D%0Amargin-top%3A10px%3B&legendColor_css=display%3A+inline-block%3B%0D%0Awidth%3A20px%3B%0D%0Aheight%3A14px%3B&legendLabel_css=display%3A+inline-block%3B%0D%0Afont-size%3A9px%3B%0D%0Amargin-bottom%3A0%3B&units=+mm&default_tab=Legend&updated=1

*/

/* @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 50-63 mm*/
[COLUMN_NAME >= 50] [COLUMN_NAME < 63] {
    fill: #C7E9B4;
    fill-opacity: 1;
}
/* @title 63-76 mm*/
[COLUMN_NAME >= 63] [COLUMN_NAME < 76] {
    fill: #7FCDBB;
    fill-opacity: 1;
}
/* @title 75-88 mm*/
[COLUMN_NAME >= 75] [COLUMN_NAME < 88] {
    fill: #41B6C4;
    fill-opacity: 1;
}
/* @title 88-101 mm*/
[COLUMN_NAME >= 88] [COLUMN_NAME < 101] {
    fill: #1D91C0;
    fill-opacity: 1;
}
/* @title 100-113 mm*/
[COLUMN_NAME >= 100] [COLUMN_NAME < 113] {
    fill: #225EA8;
    fill-opacity: 1;
}
/* @title 113-126 mm*/
[COLUMN_NAME >= 113] [COLUMN_NAME < 126] {
    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="50" label="50 mm" opacity="1"/>
              <ColorMapEntry color="#7FCDBB" quantity="63" label="63 mm" opacity="1"/>
              <ColorMapEntry color="#41B6C4" quantity="75" label="75 mm" opacity="1"/>
              <ColorMapEntry color="#1D91C0" quantity="88" label="88 mm" opacity="1"/>
              <ColorMapEntry color="#225EA8" quantity="100" label="100 mm" opacity="1"/>
              <ColorMapEntry color="#253494" quantity="113" label="113 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
<?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 - 37.5</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>37.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#FFFFD9</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>38 - 50.5</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>50.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#EDF8B1</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>50 - 62.5</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>50</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>62.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#C7E9B4</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>63 - 75.5</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>63</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>75.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#7FCDBB</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>75 - 87.5</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>75</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>87.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#41B6C4</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>88 - 100.5</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>88</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>100.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#1D91C0</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>100 - 112.5</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>100</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>112.5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#225EA8</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>113 - 125.5</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>113</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>125.5</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="50 - 63" lower="50" upper="63"/>
        <range render="true" symbol="4" label="63 - 76" lower="63" upper="76"/>
        <range render="true" symbol="5" label="75 - 88" lower="75" upper="88"/>
        <range render="true" symbol="6" label="88 - 101" lower="88" upper="101"/>
        <range render="true" symbol="7" label="100 - 113" lower="100" upper="113"/>
        <range render="true" symbol="8" label="113 - 126" lower="113" upper="126"/>
    </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="50" label="50 mm"/>' +
              '<ColorMapEntry color="#7FCDBB" quantity="63" label="63 mm"/>' +
              '<ColorMapEntry color="#41B6C4" quantity="75" label="75 mm"/>' +
              '<ColorMapEntry color="#1D91C0" quantity="88" label="88 mm"/>' +
              '<ColorMapEntry color="#225EA8" quantity="100" label="100 mm"/>' +
              '<ColorMapEntry color="#253494" quantity="113" label="113 mm"/>' +
              '<ColorMapEntry color="#081D58" quantity="125" label="125 mm"/>' +
            '</ColorMap>' +
          '</RasterSymbolizer>';

Copy to Clipboard
// Generated by RampGenerator.com

// For use with Planet.com
// https://docs.planet.com/develop/evalscripts/utilities/#colorrampvisualizer

const colorRamp = [
  [0,0x081D58],
  [13,0x253494],
  [25,0x225EA8],
  [38,0x1D91C0],
  [50,0x41B6C4],
  [63,0x7FCDBB],
  [75,0xC7E9B4],
  [88,0xEDF8B1],
  [100,0xFFFFD9]
];
let viz = new ColorRampVisualizer(colorRamp);