to

Step # Hex Code RGB CSS Value Value with Units
1#023FFFrgb(2, 63, 255, 1)00mm
2#023EF2rgb(2, 62, 242, 1)10.0010.00mm
3#023DE5rgb(2, 61, 229, 1)20.0020.00mm
4#023CD8rgb(2, 60, 216, 1)30.0030.00mm
5#023CCCrgb(2, 60, 204, 1)40.0040.00mm
6#023BBFrgb(2, 59, 191, 1)50.0050.00mm
7#023AB2rgb(2, 58, 178, 1)60.0060.00mm
8#0239A5rgb(2, 57, 165, 1)70.0070.00mm
9#023999rgb(2, 57, 153, 1)80.0080.00mm
10#02388Crgb(2, 56, 140, 1)90.0090.00mm
11#02377Frgb(2, 55, 127, 1)100.00100.00mm
12#023672rgb(2, 54, 114, 1)110.00110.00mm
13#023666rgb(2, 54, 102, 1)120.00120.00mm
14#023559rgb(2, 53, 89, 1)130.00130.00mm
15#02344Crgb(2, 52, 76, 1)140.00140.00mm
16#02333Frgb(2, 51, 63, 1)150.00150.00mm
17#023333rgb(2, 51, 51, 1)160.00160.00mm
18#023226rgb(2, 50, 38, 1)170.00170.00mm
19#023119rgb(2, 49, 25, 1)180.00180.00mm
20#02300Crgb(2, 48, 12, 1)190.00190.00mm
21#023000rgb(2, 48, 0, 1)200200mm
200mm
190.00mm
180.00mm
170.00mm
160.00mm
150.00mm
140.00mm
130.00mm
120.00mm
110.00mm
100.00mm
90.00mm
80.00mm
70.00mm
60.00mm
50.00mm
40.00mm
30.00mm
20.00mm
10.00mm
0mm
Copy to Clipboard
<dl id="legendTable" style="width: 86px;background: #fff;border: 1px solid #000;padding: 10px 10px;line-height:0;border-radius:10px;margin-top:10px;">
    <dt style="background:#023000;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">200mm</dd>
    <dt style="background:#02300C;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">190.00mm</dd>
    <dt style="background:#023119;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">180.00mm</dd>
    <dt style="background:#023226;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">170.00mm</dd>
    <dt style="background:#023333;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">160.00mm</dd>
    <dt style="background:#02333F;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">150.00mm</dd>
    <dt style="background:#02344C;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">140.00mm</dd>
    <dt style="background:#023559;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">130.00mm</dd>
    <dt style="background:#023666;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">120.00mm</dd>
    <dt style="background:#023672;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">110.00mm</dd>
    <dt style="background:#02377F;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">100.00mm</dd>
    <dt style="background:#02388C;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">90.00mm</dd>
    <dt style="background:#023999;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">80.00mm</dd>
    <dt style="background:#0239A5;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">70.00mm</dd>
    <dt style="background:#023AB2;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">60.00mm</dd>
    <dt style="background:#023BBF;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">50.00mm</dd>
    <dt style="background:#023CCC;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">40.00mm</dd>
    <dt style="background:#023CD8;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">30.00mm</dd>
    <dt style="background:#023DE5;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">20.00mm</dd>
    <dt style="background:#023EF2;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">10.00mm</dd>
    <dt style="background:#023FFF;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">0mm</dd>
</dl>
Copy to Clipboard
getFillColor: deck.carto.colorContinuous({
    attr: 'COLUMN_NAME',
    nullColor: [238, 238, 238],
    domain: [0,10.00,20.00,30.00,40.00,50.00,60.00,70.00,80.00,90.00,100.00,110.00,120.00,130.00,140.00,150.00,160.00,170.00,180.00,190.00,200],
    colors: [
       [2, 63, 255],
       [2, 62, 242],
       [2, 61, 229],
       [2, 60, 216],
       [2, 60, 204],
       [2, 59, 191],
       [2, 58, 178],
       [2, 57, 165],
       [2, 57, 153],
       [2, 56, 140],
       [2, 55, 127],
       [2, 54, 114],
       [2, 54, 102],
       [2, 53, 89],
       [2, 52, 76],
       [2, 51, 63],
       [2, 51, 51],
       [2, 50, 38],
       [2, 49, 25],
       [2, 48, 12],
       [2, 48, 0]
    ];
}),


                        
Copy to Clipboard Download JSON
{
   "ramp": [
        {
             "values": 0,
             "color": "#023FFF"
        },
        {
             "value": 10.00,
             "color": "#023EF2"
        },
        {
             "value": 20.00,
             "color": "#023DE5"
        },
        {
             "value": 30.00,
             "color": "#023CD8"
        },
        {
             "value": 40.00,
             "color": "#023CCC"
        },
        {
             "value": 50.00,
             "color": "#023BBF"
        },
        {
             "value": 60.00,
             "color": "#023AB2"
        },
        {
             "value": 70.00,
             "color": "#0239A5"
        },
        {
             "value": 80.00,
             "color": "#023999"
        },
        {
             "value": 90.00,
             "color": "#02388C"
        },
        {
             "value": 100.00,
             "color": "#02377F"
        },
        {
             "value": 110.00,
             "color": "#023672"
        },
        {
             "value": 120.00,
             "color": "#023666"
        },
        {
             "value": 130.00,
             "color": "#023559"
        },
        {
             "value": 140.00,
             "color": "#02344C"
        },
        {
             "value": 150.00,
             "color": "#02333F"
        },
        {
             "value": 160.00,
             "color": "#023333"
        },
        {
             "value": 170.00,
             "color": "#023226"
        },
        {
             "value": 180.00,
             "color": "#023119"
        },
        {
             "value": 190.00,
             "color": "#02300C"
        },
        {
             "value": 200,
             "color": "#023000"
        }
    ]
}
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(20));
// result: #023DE5

function getColor(v) {
  return v >= 200 ? '#023000' :
    v >= 190.00 ? '#02300C' :
    v >= 180.00 ? '#023119' :
    v >= 170.00 ? '#023226' :
    v >= 160.00 ? '#023333' :
    v >= 150.00 ? '#02333F' :
    v >= 140.00 ? '#02344C' :
    v >= 130.00 ? '#023559' :
    v >= 120.00 ? '#023666' :
    v >= 110.00 ? '#023672' :
    v >= 100.00 ? '#02377F' :
    v >= 90.00 ? '#02388C' :
    v >= 80.00 ? '#023999' :
    v >= 70.00 ? '#0239A5' :
    v >= 60.00 ? '#023AB2' :
    v >= 50.00 ? '#023BBF' :
    v >= 40.00 ? '#023CCC' :
    v >= 30.00 ? '#023CD8' :
    v >= 20.00 ? '#023DE5' :
    v >= 10.00 ? '#023EF2' :
    v >= 0 ? '#023FFF' :
            '#023FFF'; 
}
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=2&steps=21&min_color=%2523FFFFFF&max_color=%2523000CFF&min_value=0&max_value=200&decimals=2&opacity=1&units=mm&ssn=1

*/

/* @title 0-10.00mm*/
[COLUMN_NAME >= 0] [COLUMN_NAME < 10.00] {
    fill: #023FFF;
    fill-opacity: 1;
}
/* @title 10.00-20.00mm*/
[COLUMN_NAME >= 10.00] [COLUMN_NAME < 20.00] {
    fill: #023EF2;
    fill-opacity: 1;
}
/* @title 20.00-30.00mm*/
[COLUMN_NAME >= 20.00] [COLUMN_NAME < 30.00] {
    fill: #023DE5;
    fill-opacity: 1;
}
/* @title 30.00-40.00mm*/
[COLUMN_NAME >= 30.00] [COLUMN_NAME < 40.00] {
    fill: #023CD8;
    fill-opacity: 1;
}
/* @title 40.00-50.00mm*/
[COLUMN_NAME >= 40.00] [COLUMN_NAME < 50.00] {
    fill: #023CCC;
    fill-opacity: 1;
}
/* @title 50.00-60.00mm*/
[COLUMN_NAME >= 50.00] [COLUMN_NAME < 60.00] {
    fill: #023BBF;
    fill-opacity: 1;
}
/* @title 60.00-70.00mm*/
[COLUMN_NAME >= 60.00] [COLUMN_NAME < 70.00] {
    fill: #023AB2;
    fill-opacity: 1;
}
/* @title 70.00-80.00mm*/
[COLUMN_NAME >= 70.00] [COLUMN_NAME < 80.00] {
    fill: #0239A5;
    fill-opacity: 1;
}
/* @title 80.00-90.00mm*/
[COLUMN_NAME >= 80.00] [COLUMN_NAME < 90.00] {
    fill: #023999;
    fill-opacity: 1;
}
/* @title 90.00-100.00mm*/
[COLUMN_NAME >= 90.00] [COLUMN_NAME < 100.00] {
    fill: #02388C;
    fill-opacity: 1;
}
/* @title 100.00-110.00mm*/
[COLUMN_NAME >= 100.00] [COLUMN_NAME < 110.00] {
    fill: #02377F;
    fill-opacity: 1;
}
/* @title 110.00-120.00mm*/
[COLUMN_NAME >= 110.00] [COLUMN_NAME < 120.00] {
    fill: #023672;
    fill-opacity: 1;
}
/* @title 120.00-130.00mm*/
[COLUMN_NAME >= 120.00] [COLUMN_NAME < 130.00] {
    fill: #023666;
    fill-opacity: 1;
}
/* @title 130.00-140.00mm*/
[COLUMN_NAME >= 130.00] [COLUMN_NAME < 140.00] {
    fill: #023559;
    fill-opacity: 1;
}
/* @title 140.00-150.00mm*/
[COLUMN_NAME >= 140.00] [COLUMN_NAME < 150.00] {
    fill: #02344C;
    fill-opacity: 1;
}
/* @title 150.00-160.00mm*/
[COLUMN_NAME >= 150.00] [COLUMN_NAME < 160.00] {
    fill: #02333F;
    fill-opacity: 1;
}
/* @title 160.00-170.00mm*/
[COLUMN_NAME >= 160.00] [COLUMN_NAME < 170.00] {
    fill: #023333;
    fill-opacity: 1;
}
/* @title 170.00-180.00mm*/
[COLUMN_NAME >= 170.00] [COLUMN_NAME < 180.00] {
    fill: #023226;
    fill-opacity: 1;
}
/* @title 180.00-190.00mm*/
[COLUMN_NAME >= 180.00] [COLUMN_NAME < 190.00] {
    fill: #023119;
    fill-opacity: 1;
}
/* @title 190.00-200.00mm*/
[COLUMN_NAME >= 190.00] [COLUMN_NAME < 200.00] {
    fill: #02300C;
    fill-opacity: 1;
}
/* @title 200+mm*/
[COLUMN_NAME >= 200] {
    fill: #023000;
    fill-opacity: 1;
}

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>
      <Name>name</Name>
      <Title>Title of Style</Title>
      <Abstract>mm</Abstract>
      <FeatureTypeStyle>
        <Rule>
          <RasterSymbolizer>
            <Opacity>1.0</Opacity>
            <ColorMap>
              <ColorMapEntry color="#023FFF" quantity="0" label="0mm" opacity="1"/>
              <ColorMapEntry color="#023EF2" quantity="10.00" label="10.00mm" opacity="1"/>
              <ColorMapEntry color="#023DE5" quantity="20.00" label="20.00mm" opacity="1"/>
              <ColorMapEntry color="#023CD8" quantity="30.00" label="30.00mm" opacity="1"/>
              <ColorMapEntry color="#023CCC" quantity="40.00" label="40.00mm" opacity="1"/>
              <ColorMapEntry color="#023BBF" quantity="50.00" label="50.00mm" opacity="1"/>
              <ColorMapEntry color="#023AB2" quantity="60.00" label="60.00mm" opacity="1"/>
              <ColorMapEntry color="#0239A5" quantity="70.00" label="70.00mm" opacity="1"/>
              <ColorMapEntry color="#023999" quantity="80.00" label="80.00mm" opacity="1"/>
              <ColorMapEntry color="#02388C" quantity="90.00" label="90.00mm" opacity="1"/>
              <ColorMapEntry color="#02377F" quantity="100.00" label="100.00mm" opacity="1"/>
              <ColorMapEntry color="#023672" quantity="110.00" label="110.00mm" opacity="1"/>
              <ColorMapEntry color="#023666" quantity="120.00" label="120.00mm" opacity="1"/>
              <ColorMapEntry color="#023559" quantity="130.00" label="130.00mm" opacity="1"/>
              <ColorMapEntry color="#02344C" quantity="140.00" label="140.00mm" opacity="1"/>
              <ColorMapEntry color="#02333F" quantity="150.00" label="150.00mm" opacity="1"/>
              <ColorMapEntry color="#023333" quantity="160.00" label="160.00mm" opacity="1"/>
              <ColorMapEntry color="#023226" quantity="170.00" label="170.00mm" opacity="1"/>
              <ColorMapEntry color="#023119" quantity="180.00" label="180.00mm" opacity="1"/>
              <ColorMapEntry color="#02300C" quantity="190.00" label="190.00mm" opacity="1"/>
              <ColorMapEntry color="#023000" quantity="200" label="200mm" 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>0 - 10</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>0</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>10</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023FFF</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>10.00 - 20</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>10.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>20</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023EF2</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>20.00 - 30</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>20.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>30</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023DE5</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>30.00 - 40</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>30.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>40</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023CD8</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>40.00 - 50</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>40.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>50</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023CCC</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>50.00 - 60</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>50.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>60</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023BBF</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>60.00 - 70</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>60.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>70</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023AB2</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>70.00 - 80</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>70.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>80</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#0239A5</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>80.00 - 90</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>80.00</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">#023999</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>90.00 - 100</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>90.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>100</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#02388C</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>100.00 - 110</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>100.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>110</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#02377F</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>110.00 - 120</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>110.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>120</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023672</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>120.00 - 130</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>120.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>130</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023666</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>130.00 - 140</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>130.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>140</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023559</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>140.00 - 150</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>140.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>150</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#02344C</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>150.00 - 160</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>150.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>160</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#02333F</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>160.00 - 170</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>160.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>170</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023333</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>170.00 - 180</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>170.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>180</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023226</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>180.00 - 190</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>180.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>190</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#023119</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>190.00 - 200</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>190.00</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>200</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#02300C</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="0.00 - 10.00" lower="0.00" upper="10.00"/>
        <range render="true" symbol="2" label="10.00 - 20.00" lower="10.00" upper="20.00"/>
        <range render="true" symbol="3" label="20.00 - 30.00" lower="20.00" upper="30.00"/>
        <range render="true" symbol="4" label="30.00 - 40.00" lower="30.00" upper="40.00"/>
        <range render="true" symbol="5" label="40.00 - 50.00" lower="40.00" upper="50.00"/>
        <range render="true" symbol="6" label="50.00 - 60.00" lower="50.00" upper="60.00"/>
        <range render="true" symbol="7" label="60.00 - 70.00" lower="60.00" upper="70.00"/>
        <range render="true" symbol="8" label="70.00 - 80.00" lower="70.00" upper="80.00"/>
        <range render="true" symbol="9" label="80.00 - 90.00" lower="80.00" upper="90.00"/>
        <range render="true" symbol="10" label="90.00 - 100.00" lower="90.00" upper="100.00"/>
        <range render="true" symbol="11" label="100.00 - 110.00" lower="100.00" upper="110.00"/>
        <range render="true" symbol="12" label="110.00 - 120.00" lower="110.00" upper="120.00"/>
        <range render="true" symbol="13" label="120.00 - 130.00" lower="120.00" upper="130.00"/>
        <range render="true" symbol="14" label="130.00 - 140.00" lower="130.00" upper="140.00"/>
        <range render="true" symbol="15" label="140.00 - 150.00" lower="140.00" upper="150.00"/>
        <range render="true" symbol="16" label="150.00 - 160.00" lower="150.00" upper="160.00"/>
        <range render="true" symbol="17" label="160.00 - 170.00" lower="160.00" upper="170.00"/>
        <range render="true" symbol="18" label="170.00 - 180.00" lower="170.00" upper="180.00"/>
        <range render="true" symbol="19" label="180.00 - 190.00" lower="180.00" upper="190.00"/>
        <range render="true" symbol="20" label="190.00 - 200.00" lower="190.00" upper="200.00"/>
    </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="2,63,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="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="2,62,242,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="2,61,229,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="2,60,216,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="2,60,204,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="2,59,191,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="2,58,178,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="2,57,165,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="9">
      <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="2,57,153,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="10">
      <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="2,56,140,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="11">
      <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="2,55,127,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="12">
      <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="2,54,114,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="13">
      <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="2,54,102,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="14">
      <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="2,53,89,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="15">
      <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="2,52,76,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="16">
      <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="2,51,63,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="17">
      <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="2,51,51,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="18">
      <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="2,50,38,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="19">
      <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="2,49,25,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="20">
      <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="2,48,12,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="2,63,255,255" k="color1"/>
      <prop v="2,48,0,255" k="color2"/>
      <prop v="0" k="discrete"/>
      <prop v="gradient" k="rampType"/>
      <prop v="0.047619;2,62,242,255:0.095238;2,61,229,255:0.142857;2,60,216,255:0.190476;2,60,204,255:0.238095;2,59,191,255:0.285714;2,58,178,255:0.333333;2,57,165,255:0.380952;2,57,153,255:0.428571;2,56,140,255:0.476190;2,55,127,255:0.523810;2,54,114,255:0.571429;2,54,102,255:0.619048;2,53,89,255:0.666667;2,52,76,255:0.714286;2,51,63,255:0.761905;2,51,51,255:0.809524;2,50,38,255:0.857143;2,49,25,255:0.904762;2,48,12,255:0.952381;2,48,0,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

0:200:023FFF,023EF2,023DE5,023CD8,023CCC,023BBF,023AB2,0239A5,023999,02388C,02377F,023672,023666,023559,02344C,02333F,023333,023226,023119,02300C,023000

// with keys

{"min":0, "max":200, palette:"023FFF,023EF2,023DE5,023CD8,023CCC,023BBF,023AB2,0239A5,023999,02388C,02377F,023672,023666,023559,02344C,02333F,023333,023226,023119,02300C,023000"}

// color ramp for code editor

var sld = '<RasterSymbolizer>' +
            '<Opacity>1.0</Opacity>' +
            '<ColorMap>' +
              '<ColorMapEntry color="#023FFF" quantity="0" label="0mm"/>' +
              '<ColorMapEntry color="#023EF2" quantity="10.00" label="10.00mm"/>' +
              '<ColorMapEntry color="#023DE5" quantity="20.00" label="20.00mm"/>' +
              '<ColorMapEntry color="#023CD8" quantity="30.00" label="30.00mm"/>' +
              '<ColorMapEntry color="#023CCC" quantity="40.00" label="40.00mm"/>' +
              '<ColorMapEntry color="#023BBF" quantity="50.00" label="50.00mm"/>' +
              '<ColorMapEntry color="#023AB2" quantity="60.00" label="60.00mm"/>' +
              '<ColorMapEntry color="#0239A5" quantity="70.00" label="70.00mm"/>' +
              '<ColorMapEntry color="#023999" quantity="80.00" label="80.00mm"/>' +
              '<ColorMapEntry color="#02388C" quantity="90.00" label="90.00mm"/>' +
              '<ColorMapEntry color="#02377F" quantity="100.00" label="100.00mm"/>' +
              '<ColorMapEntry color="#023672" quantity="110.00" label="110.00mm"/>' +
              '<ColorMapEntry color="#023666" quantity="120.00" label="120.00mm"/>' +
              '<ColorMapEntry color="#023559" quantity="130.00" label="130.00mm"/>' +
              '<ColorMapEntry color="#02344C" quantity="140.00" label="140.00mm"/>' +
              '<ColorMapEntry color="#02333F" quantity="150.00" label="150.00mm"/>' +
              '<ColorMapEntry color="#023333" quantity="160.00" label="160.00mm"/>' +
              '<ColorMapEntry color="#023226" quantity="170.00" label="170.00mm"/>' +
              '<ColorMapEntry color="#023119" quantity="180.00" label="180.00mm"/>' +
              '<ColorMapEntry color="#02300C" quantity="190.00" label="190.00mm"/>' +
              '<ColorMapEntry color="#023000" quantity="200" label="200mm"/>' +
            '</ColorMap>' +
          '</RasterSymbolizer>';