to

Step # Hex Code RGB CSS Value Value with Units
1#FFFFFFrgb(255, 255, 255, 1)00mm
2#F2F2FFrgb(242, 242, 255, 1)10.0010.00mm
3#E5E6FFrgb(229, 230, 255, 1)20.0020.00mm
4#D8DAFFrgb(216, 218, 255, 1)30.0030.00mm
5#CCCEFFrgb(204, 206, 255, 1)40.0040.00mm
6#BFC2FFrgb(191, 194, 255, 1)50.0050.00mm
7#B2B6FFrgb(178, 182, 255, 1)60.0060.00mm
8#A5A9FFrgb(165, 169, 255, 1)70.0070.00mm
9#999DFFrgb(153, 157, 255, 1)80.0080.00mm
10#8C91FFrgb(140, 145, 255, 1)90.0090.00mm
11#7F85FFrgb(127, 133, 255, 1)100.00100.00mm
12#7279FFrgb(114, 121, 255, 1)110.00110.00mm
13#666DFFrgb(102, 109, 255, 1)120.00120.00mm
14#5961FFrgb(89, 97, 255, 1)130.00130.00mm
15#4C54FFrgb(76, 84, 255, 1)140.00140.00mm
16#3F48FFrgb(63, 72, 255, 1)150.00150.00mm
17#333CFFrgb(51, 60, 255, 1)160.00160.00mm
18#2630FFrgb(38, 48, 255, 1)170.00170.00mm
19#1924FFrgb(25, 36, 255, 1)180.00180.00mm
20#0C18FFrgb(12, 24, 255, 1)190.00190.00mm
21#000CFFrgb(0, 12, 255, 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:#000CFF;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">200mm</dd>
    <dt style="background:#0C18FF;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:#1924FF;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:#2630FF;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:#333CFF;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:#3F48FF;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:#4C54FF;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:#5961FF;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:#666DFF;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:#7279FF;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:#7F85FF;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:#8C91FF;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:#999DFF;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:#A5A9FF;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:#B2B6FF;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:#BFC2FF;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:#CCCEFF;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:#D8DAFF;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:#E5E6FF;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:#F2F2FF;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:#FFFFFF;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: [
       [255, 255, 255],
       [242, 242, 255],
       [229, 230, 255],
       [216, 218, 255],
       [204, 206, 255],
       [191, 194, 255],
       [178, 182, 255],
       [165, 169, 255],
       [153, 157, 255],
       [140, 145, 255],
       [127, 133, 255],
       [114, 121, 255],
       [102, 109, 255],
       [89, 97, 255],
       [76, 84, 255],
       [63, 72, 255],
       [51, 60, 255],
       [38, 48, 255],
       [25, 36, 255],
       [12, 24, 255],
       [0, 12, 255]
    ];
}),


                        
Copy to Clipboard Download JSON
{
   "ramp": [
        {
             "values": 0,
             "color": "#FFFFFF"
        },
        {
             "value": 10.00,
             "color": "#F2F2FF"
        },
        {
             "value": 20.00,
             "color": "#E5E6FF"
        },
        {
             "value": 30.00,
             "color": "#D8DAFF"
        },
        {
             "value": 40.00,
             "color": "#CCCEFF"
        },
        {
             "value": 50.00,
             "color": "#BFC2FF"
        },
        {
             "value": 60.00,
             "color": "#B2B6FF"
        },
        {
             "value": 70.00,
             "color": "#A5A9FF"
        },
        {
             "value": 80.00,
             "color": "#999DFF"
        },
        {
             "value": 90.00,
             "color": "#8C91FF"
        },
        {
             "value": 100.00,
             "color": "#7F85FF"
        },
        {
             "value": 110.00,
             "color": "#7279FF"
        },
        {
             "value": 120.00,
             "color": "#666DFF"
        },
        {
             "value": 130.00,
             "color": "#5961FF"
        },
        {
             "value": 140.00,
             "color": "#4C54FF"
        },
        {
             "value": 150.00,
             "color": "#3F48FF"
        },
        {
             "value": 160.00,
             "color": "#333CFF"
        },
        {
             "value": 170.00,
             "color": "#2630FF"
        },
        {
             "value": 180.00,
             "color": "#1924FF"
        },
        {
             "value": 190.00,
             "color": "#0C18FF"
        },
        {
             "value": 200,
             "color": "#000CFF"
        }
    ]
}
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: #E5E6FF

function getColor(v) {
  return v >= 200 ? '#000CFF' :
    v >= 190.00 ? '#0C18FF' :
    v >= 180.00 ? '#1924FF' :
    v >= 170.00 ? '#2630FF' :
    v >= 160.00 ? '#333CFF' :
    v >= 150.00 ? '#3F48FF' :
    v >= 140.00 ? '#4C54FF' :
    v >= 130.00 ? '#5961FF' :
    v >= 120.00 ? '#666DFF' :
    v >= 110.00 ? '#7279FF' :
    v >= 100.00 ? '#7F85FF' :
    v >= 90.00 ? '#8C91FF' :
    v >= 80.00 ? '#999DFF' :
    v >= 70.00 ? '#A5A9FF' :
    v >= 60.00 ? '#B2B6FF' :
    v >= 50.00 ? '#BFC2FF' :
    v >= 40.00 ? '#CCCEFF' :
    v >= 30.00 ? '#D8DAFF' :
    v >= 20.00 ? '#E5E6FF' :
    v >= 10.00 ? '#F2F2FF' :
    v >= 0 ? '#FFFFFF' :
            '#FFFFFF'; 
}
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=%23FFFFFF&max_color=%23000CFF&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: #FFFFFF;
    fill-opacity: 1;
}
/* @title 10.00-20.00mm*/
[COLUMN_NAME >= 10.00] [COLUMN_NAME < 20.00] {
    fill: #F2F2FF;
    fill-opacity: 1;
}
/* @title 20.00-30.00mm*/
[COLUMN_NAME >= 20.00] [COLUMN_NAME < 30.00] {
    fill: #E5E6FF;
    fill-opacity: 1;
}
/* @title 30.00-40.00mm*/
[COLUMN_NAME >= 30.00] [COLUMN_NAME < 40.00] {
    fill: #D8DAFF;
    fill-opacity: 1;
}
/* @title 40.00-50.00mm*/
[COLUMN_NAME >= 40.00] [COLUMN_NAME < 50.00] {
    fill: #CCCEFF;
    fill-opacity: 1;
}
/* @title 50.00-60.00mm*/
[COLUMN_NAME >= 50.00] [COLUMN_NAME < 60.00] {
    fill: #BFC2FF;
    fill-opacity: 1;
}
/* @title 60.00-70.00mm*/
[COLUMN_NAME >= 60.00] [COLUMN_NAME < 70.00] {
    fill: #B2B6FF;
    fill-opacity: 1;
}
/* @title 70.00-80.00mm*/
[COLUMN_NAME >= 70.00] [COLUMN_NAME < 80.00] {
    fill: #A5A9FF;
    fill-opacity: 1;
}
/* @title 80.00-90.00mm*/
[COLUMN_NAME >= 80.00] [COLUMN_NAME < 90.00] {
    fill: #999DFF;
    fill-opacity: 1;
}
/* @title 90.00-100.00mm*/
[COLUMN_NAME >= 90.00] [COLUMN_NAME < 100.00] {
    fill: #8C91FF;
    fill-opacity: 1;
}
/* @title 100.00-110.00mm*/
[COLUMN_NAME >= 100.00] [COLUMN_NAME < 110.00] {
    fill: #7F85FF;
    fill-opacity: 1;
}
/* @title 110.00-120.00mm*/
[COLUMN_NAME >= 110.00] [COLUMN_NAME < 120.00] {
    fill: #7279FF;
    fill-opacity: 1;
}
/* @title 120.00-130.00mm*/
[COLUMN_NAME >= 120.00] [COLUMN_NAME < 130.00] {
    fill: #666DFF;
    fill-opacity: 1;
}
/* @title 130.00-140.00mm*/
[COLUMN_NAME >= 130.00] [COLUMN_NAME < 140.00] {
    fill: #5961FF;
    fill-opacity: 1;
}
/* @title 140.00-150.00mm*/
[COLUMN_NAME >= 140.00] [COLUMN_NAME < 150.00] {
    fill: #4C54FF;
    fill-opacity: 1;
}
/* @title 150.00-160.00mm*/
[COLUMN_NAME >= 150.00] [COLUMN_NAME < 160.00] {
    fill: #3F48FF;
    fill-opacity: 1;
}
/* @title 160.00-170.00mm*/
[COLUMN_NAME >= 160.00] [COLUMN_NAME < 170.00] {
    fill: #333CFF;
    fill-opacity: 1;
}
/* @title 170.00-180.00mm*/
[COLUMN_NAME >= 170.00] [COLUMN_NAME < 180.00] {
    fill: #2630FF;
    fill-opacity: 1;
}
/* @title 180.00-190.00mm*/
[COLUMN_NAME >= 180.00] [COLUMN_NAME < 190.00] {
    fill: #1924FF;
    fill-opacity: 1;
}
/* @title 190.00-200.00mm*/
[COLUMN_NAME >= 190.00] [COLUMN_NAME < 200.00] {
    fill: #0C18FF;
    fill-opacity: 1;
}
/* @title 200+mm*/
[COLUMN_NAME >= 200] {
    fill: #000CFF;
    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="#FFFFFF" quantity="0" label="0mm" opacity="1"/>
              <ColorMapEntry color="#F2F2FF" quantity="10.00" label="10.00mm" opacity="1"/>
              <ColorMapEntry color="#E5E6FF" quantity="20.00" label="20.00mm" opacity="1"/>
              <ColorMapEntry color="#D8DAFF" quantity="30.00" label="30.00mm" opacity="1"/>
              <ColorMapEntry color="#CCCEFF" quantity="40.00" label="40.00mm" opacity="1"/>
              <ColorMapEntry color="#BFC2FF" quantity="50.00" label="50.00mm" opacity="1"/>
              <ColorMapEntry color="#B2B6FF" quantity="60.00" label="60.00mm" opacity="1"/>
              <ColorMapEntry color="#A5A9FF" quantity="70.00" label="70.00mm" opacity="1"/>
              <ColorMapEntry color="#999DFF" quantity="80.00" label="80.00mm" opacity="1"/>
              <ColorMapEntry color="#8C91FF" quantity="90.00" label="90.00mm" opacity="1"/>
              <ColorMapEntry color="#7F85FF" quantity="100.00" label="100.00mm" opacity="1"/>
              <ColorMapEntry color="#7279FF" quantity="110.00" label="110.00mm" opacity="1"/>
              <ColorMapEntry color="#666DFF" quantity="120.00" label="120.00mm" opacity="1"/>
              <ColorMapEntry color="#5961FF" quantity="130.00" label="130.00mm" opacity="1"/>
              <ColorMapEntry color="#4C54FF" quantity="140.00" label="140.00mm" opacity="1"/>
              <ColorMapEntry color="#3F48FF" quantity="150.00" label="150.00mm" opacity="1"/>
              <ColorMapEntry color="#333CFF" quantity="160.00" label="160.00mm" opacity="1"/>
              <ColorMapEntry color="#2630FF" quantity="170.00" label="170.00mm" opacity="1"/>
              <ColorMapEntry color="#1924FF" quantity="180.00" label="180.00mm" opacity="1"/>
              <ColorMapEntry color="#0C18FF" quantity="190.00" label="190.00mm" opacity="1"/>
              <ColorMapEntry color="#000CFF" 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">#FFFFFF</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">#F2F2FF</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">#E5E6FF</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">#D8DAFF</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">#CCCEFF</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">#BFC2FF</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">#B2B6FF</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">#A5A9FF</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">#999DFF</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">#8C91FF</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">#7F85FF</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">#7279FF</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">#666DFF</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">#5961FF</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">#4C54FF</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">#3F48FF</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">#333CFF</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">#2630FF</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">#1924FF</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">#0C18FF</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="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="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="242,242,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="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="229,230,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="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="216,218,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="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="204,206,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="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="191,194,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="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="178,182,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="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="165,169,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="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="153,157,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="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="140,145,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="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="127,133,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="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="114,121,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="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="102,109,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="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="89,97,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="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="76,84,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="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="63,72,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="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="51,60,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="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="38,48,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="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="25,36,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="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="12,24,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>
    </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,255,255" k="color1"/>
      <prop v="0,12,255,255" k="color2"/>
      <prop v="0" k="discrete"/>
      <prop v="gradient" k="rampType"/>
      <prop v="0.047619;242,242,255,255:0.095238;229,230,255,255:0.142857;216,218,255,255:0.190476;204,206,255,255:0.238095;191,194,255,255:0.285714;178,182,255,255:0.333333;165,169,255,255:0.380952;153,157,255,255:0.428571;140,145,255,255:0.476190;127,133,255,255:0.523810;114,121,255,255:0.571429;102,109,255,255:0.619048;89,97,255,255:0.666667;76,84,255,255:0.714286;63,72,255,255:0.761905;51,60,255,255:0.809524;38,48,255,255:0.857143;25,36,255,255:0.904762;12,24,255,255:0.952381;0,12,255,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:FFFFFF,F2F2FF,E5E6FF,D8DAFF,CCCEFF,BFC2FF,B2B6FF,A5A9FF,999DFF,8C91FF,7F85FF,7279FF,666DFF,5961FF,4C54FF,3F48FF,333CFF,2630FF,1924FF,0C18FF,000CFF

// with keys

{"min":0, "max":200, palette:"FFFFFF,F2F2FF,E5E6FF,D8DAFF,CCCEFF,BFC2FF,B2B6FF,A5A9FF,999DFF,8C91FF,7F85FF,7279FF,666DFF,5961FF,4C54FF,3F48FF,333CFF,2630FF,1924FF,0C18FF,000CFF"}

// color ramp for code editor

var sld = '<RasterSymbolizer>' +
            '<Opacity>1.0</Opacity>' +
            '<ColorMap>' +
              '<ColorMapEntry color="#FFFFFF" quantity="0" label="0mm"/>' +
              '<ColorMapEntry color="#F2F2FF" quantity="10.00" label="10.00mm"/>' +
              '<ColorMapEntry color="#E5E6FF" quantity="20.00" label="20.00mm"/>' +
              '<ColorMapEntry color="#D8DAFF" quantity="30.00" label="30.00mm"/>' +
              '<ColorMapEntry color="#CCCEFF" quantity="40.00" label="40.00mm"/>' +
              '<ColorMapEntry color="#BFC2FF" quantity="50.00" label="50.00mm"/>' +
              '<ColorMapEntry color="#B2B6FF" quantity="60.00" label="60.00mm"/>' +
              '<ColorMapEntry color="#A5A9FF" quantity="70.00" label="70.00mm"/>' +
              '<ColorMapEntry color="#999DFF" quantity="80.00" label="80.00mm"/>' +
              '<ColorMapEntry color="#8C91FF" quantity="90.00" label="90.00mm"/>' +
              '<ColorMapEntry color="#7F85FF" quantity="100.00" label="100.00mm"/>' +
              '<ColorMapEntry color="#7279FF" quantity="110.00" label="110.00mm"/>' +
              '<ColorMapEntry color="#666DFF" quantity="120.00" label="120.00mm"/>' +
              '<ColorMapEntry color="#5961FF" quantity="130.00" label="130.00mm"/>' +
              '<ColorMapEntry color="#4C54FF" quantity="140.00" label="140.00mm"/>' +
              '<ColorMapEntry color="#3F48FF" quantity="150.00" label="150.00mm"/>' +
              '<ColorMapEntry color="#333CFF" quantity="160.00" label="160.00mm"/>' +
              '<ColorMapEntry color="#2630FF" quantity="170.00" label="170.00mm"/>' +
              '<ColorMapEntry color="#1924FF" quantity="180.00" label="180.00mm"/>' +
              '<ColorMapEntry color="#0C18FF" quantity="190.00" label="190.00mm"/>' +
              '<ColorMapEntry color="#000CFF" quantity="200" label="200mm"/>' +
            '</ColorMap>' +
          '</RasterSymbolizer>';