to

Hex Code RGB CSS Value Value with Units
#FF1010rgb(255, 16, 16, 1)00%
#F31017rgb(243, 16, 23, 1)5.005.00%
#E8101Ergb(232, 16, 30, 1)10.0010.00%
#DC1126rgb(220, 17, 38, 1)15.0015.00%
#D1112Drgb(209, 17, 45, 1)20.0020.00%
#C51235rgb(197, 18, 53, 1)25.0025.00%
#BA123Crgb(186, 18, 60, 1)30.0030.00%
#AE1343rgb(174, 19, 67, 1)35.0035.00%
#A3134Brgb(163, 19, 75, 1)40.0040.00%
#971452rgb(151, 20, 82, 1)45.0045.00%
#8C145Argb(140, 20, 90, 1)50.0050.00%
#801461rgb(128, 20, 97, 1)55.0055.00%
#751568rgb(117, 21, 104, 1)60.0060.00%
#691570rgb(105, 21, 112, 1)65.0065.00%
#5E1677rgb(94, 22, 119, 1)70.0070.00%
#52167Frgb(82, 22, 127, 1)75.0075.00%
#471786rgb(71, 23, 134, 1)80.0080.00%
#3B178Drgb(59, 23, 141, 1)85.0085.00%
#301895rgb(48, 24, 149, 1)90.0090.00%
#24189Crgb(36, 24, 156, 1)95.0095.00%
#1919A4rgb(25, 25, 164, 1)100100%
100%
95.00%
90.00%
85.00%
80.00%
75.00%
70.00%
65.00%
60.00%
55.00%
50.00%
45.00%
40.00%
35.00%
30.00%
25.00%
20.00%
15.00%
10.00%
5.00%
0%
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:#1919A4;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">100%</dd>
    <dt style="background:#24189C;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">95.00%</dd>
    <dt style="background:#301895;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">90.00%</dd>
    <dt style="background:#3B178D;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">85.00%</dd>
    <dt style="background:#471786;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">80.00%</dd>
    <dt style="background:#52167F;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">75.00%</dd>
    <dt style="background:#5E1677;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">70.00%</dd>
    <dt style="background:#691570;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">65.00%</dd>
    <dt style="background:#751568;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">60.00%</dd>
    <dt style="background:#801461;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">55.00%</dd>
    <dt style="background:#8C145A;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">50.00%</dd>
    <dt style="background:#971452;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">45.00%</dd>
    <dt style="background:#A3134B;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">40.00%</dd>
    <dt style="background:#AE1343;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">35.00%</dd>
    <dt style="background:#BA123C;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">30.00%</dd>
    <dt style="background:#C51235;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">25.00%</dd>
    <dt style="background:#D1112D;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">20.00%</dd>
    <dt style="background:#DC1126;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">15.00%</dd>
    <dt style="background:#E8101E;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">10.00%</dd>
    <dt style="background:#F31017;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">5.00%</dd>
    <dt style="background:#FF1010;display: inline-block;width:20px;height:14px;"></dt>
    <dd style="display: inline-block;font-size:9px;margin-bottom:0;">0%</dd>
</dl>
Copy to Clipboard
getFillColor: deck.carto.colorContinuous({
    attr: 'COLUMN_NAME',
    nullColor: [238, 238, 238],
    domain: [0,5.00,10.00,15.00,20.00,25.00,30.00,35.00,40.00,45.00,50.00,55.00,60.00,65.00,70.00,75.00,80.00,85.00,90.00,95.00,100],
    colors: [
       [255, 16, 16],
       [243, 16, 23],
       [232, 16, 30],
       [220, 17, 38],
       [209, 17, 45],
       [197, 18, 53],
       [186, 18, 60],
       [174, 19, 67],
       [163, 19, 75],
       [151, 20, 82],
       [140, 20, 90],
       [128, 20, 97],
       [117, 21, 104],
       [105, 21, 112],
       [94, 22, 119],
       [82, 22, 127],
       [71, 23, 134],
       [59, 23, 141],
       [48, 24, 149],
       [36, 24, 156],
       [25, 25, 164]
    ];
}),


                        
Copy to Clipboard Download JSON
{
   "ramp": [
        {
             "values": 0,
             "color": "#FF1010"
        },
        {
             "value": 5.00,
             "color": "#F31017"
        },
        {
             "value": 10.00,
             "color": "#E8101E"
        },
        {
             "value": 15.00,
             "color": "#DC1126"
        },
        {
             "value": 20.00,
             "color": "#D1112D"
        },
        {
             "value": 25.00,
             "color": "#C51235"
        },
        {
             "value": 30.00,
             "color": "#BA123C"
        },
        {
             "value": 35.00,
             "color": "#AE1343"
        },
        {
             "value": 40.00,
             "color": "#A3134B"
        },
        {
             "value": 45.00,
             "color": "#971452"
        },
        {
             "value": 50.00,
             "color": "#8C145A"
        },
        {
             "value": 55.00,
             "color": "#801461"
        },
        {
             "value": 60.00,
             "color": "#751568"
        },
        {
             "value": 65.00,
             "color": "#691570"
        },
        {
             "value": 70.00,
             "color": "#5E1677"
        },
        {
             "value": 75.00,
             "color": "#52167F"
        },
        {
             "value": 80.00,
             "color": "#471786"
        },
        {
             "value": 85.00,
             "color": "#3B178D"
        },
        {
             "value": 90.00,
             "color": "#301895"
        },
        {
             "value": 95.00,
             "color": "#24189C"
        },
        {
             "value": 100,
             "color": "#1919A4"
        }
    ]
}
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(10));
// result: #E8101E

function getColor(v) {
  return v >= 100 ? '#1919A4' :
    v >= 95.00 ? '#24189C' :
    v >= 90.00 ? '#301895' :
    v >= 85.00 ? '#3B178D' :
    v >= 80.00 ? '#471786' :
    v >= 75.00 ? '#52167F' :
    v >= 70.00 ? '#5E1677' :
    v >= 65.00 ? '#691570' :
    v >= 60.00 ? '#751568' :
    v >= 55.00 ? '#801461' :
    v >= 50.00 ? '#8C145A' :
    v >= 45.00 ? '#971452' :
    v >= 40.00 ? '#A3134B' :
    v >= 35.00 ? '#AE1343' :
    v >= 30.00 ? '#BA123C' :
    v >= 25.00 ? '#C51235' :
    v >= 20.00 ? '#D1112D' :
    v >= 15.00 ? '#DC1126' :
    v >= 10.00 ? '#E8101E' :
    v >= 5.00 ? '#F31017' :
    v >= 0 ? '#FF1010' :
            '#FF1010'; 
}
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/index.php/assets/css/highlight-darcula.css

*/

/* @title 0-5.00%*/
[COLUMN_NAME >= 0] [COLUMN_NAME < 5.00] {
    fill: #FF1010;
    fill-opacity: 1;
}
/* @title 5.00-10.00%*/
[COLUMN_NAME >= 5.00] [COLUMN_NAME < 10.00] {
    fill: #F31017;
    fill-opacity: 1;
}
/* @title 10.00-15.00%*/
[COLUMN_NAME >= 10.00] [COLUMN_NAME < 15.00] {
    fill: #E8101E;
    fill-opacity: 1;
}
/* @title 15.00-20.00%*/
[COLUMN_NAME >= 15.00] [COLUMN_NAME < 20.00] {
    fill: #DC1126;
    fill-opacity: 1;
}
/* @title 20.00-25.00%*/
[COLUMN_NAME >= 20.00] [COLUMN_NAME < 25.00] {
    fill: #D1112D;
    fill-opacity: 1;
}
/* @title 25.00-30.00%*/
[COLUMN_NAME >= 25.00] [COLUMN_NAME < 30.00] {
    fill: #C51235;
    fill-opacity: 1;
}
/* @title 30.00-35.00%*/
[COLUMN_NAME >= 30.00] [COLUMN_NAME < 35.00] {
    fill: #BA123C;
    fill-opacity: 1;
}
/* @title 35.00-40.00%*/
[COLUMN_NAME >= 35.00] [COLUMN_NAME < 40.00] {
    fill: #AE1343;
    fill-opacity: 1;
}
/* @title 40.00-45.00%*/
[COLUMN_NAME >= 40.00] [COLUMN_NAME < 45.00] {
    fill: #A3134B;
    fill-opacity: 1;
}
/* @title 45.00-50.00%*/
[COLUMN_NAME >= 45.00] [COLUMN_NAME < 50.00] {
    fill: #971452;
    fill-opacity: 1;
}
/* @title 50.00-55.00%*/
[COLUMN_NAME >= 50.00] [COLUMN_NAME < 55.00] {
    fill: #8C145A;
    fill-opacity: 1;
}
/* @title 55.00-60.00%*/
[COLUMN_NAME >= 55.00] [COLUMN_NAME < 60.00] {
    fill: #801461;
    fill-opacity: 1;
}
/* @title 60.00-65.00%*/
[COLUMN_NAME >= 60.00] [COLUMN_NAME < 65.00] {
    fill: #751568;
    fill-opacity: 1;
}
/* @title 65.00-70.00%*/
[COLUMN_NAME >= 65.00] [COLUMN_NAME < 70.00] {
    fill: #691570;
    fill-opacity: 1;
}
/* @title 70.00-75.00%*/
[COLUMN_NAME >= 70.00] [COLUMN_NAME < 75.00] {
    fill: #5E1677;
    fill-opacity: 1;
}
/* @title 75.00-80.00%*/
[COLUMN_NAME >= 75.00] [COLUMN_NAME < 80.00] {
    fill: #52167F;
    fill-opacity: 1;
}
/* @title 80.00-85.00%*/
[COLUMN_NAME >= 80.00] [COLUMN_NAME < 85.00] {
    fill: #471786;
    fill-opacity: 1;
}
/* @title 85.00-90.00%*/
[COLUMN_NAME >= 85.00] [COLUMN_NAME < 90.00] {
    fill: #3B178D;
    fill-opacity: 1;
}
/* @title 90.00-95.00%*/
[COLUMN_NAME >= 90.00] [COLUMN_NAME < 95.00] {
    fill: #301895;
    fill-opacity: 1;
}
/* @title 95.00-100.00%*/
[COLUMN_NAME >= 95.00] [COLUMN_NAME < 100.00] {
    fill: #24189C;
    fill-opacity: 1;
}
/* @title 100+%*/
[COLUMN_NAME >= 100] {
    fill: #1919A4;
    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>%</Abstract>
      <FeatureTypeStyle>
        <Rule>
          <RasterSymbolizer>
            <Opacity>1.0</Opacity>
            <ColorMap>
              <ColorMapEntry color="#FF1010" quantity="0" label="0%" opacity="1"/>
              <ColorMapEntry color="#F31017" quantity="5.00" label="5.00%" opacity="1"/>
              <ColorMapEntry color="#E8101E" quantity="10.00" label="10.00%" opacity="1"/>
              <ColorMapEntry color="#DC1126" quantity="15.00" label="15.00%" opacity="1"/>
              <ColorMapEntry color="#D1112D" quantity="20.00" label="20.00%" opacity="1"/>
              <ColorMapEntry color="#C51235" quantity="25.00" label="25.00%" opacity="1"/>
              <ColorMapEntry color="#BA123C" quantity="30.00" label="30.00%" opacity="1"/>
              <ColorMapEntry color="#AE1343" quantity="35.00" label="35.00%" opacity="1"/>
              <ColorMapEntry color="#A3134B" quantity="40.00" label="40.00%" opacity="1"/>
              <ColorMapEntry color="#971452" quantity="45.00" label="45.00%" opacity="1"/>
              <ColorMapEntry color="#8C145A" quantity="50.00" label="50.00%" opacity="1"/>
              <ColorMapEntry color="#801461" quantity="55.00" label="55.00%" opacity="1"/>
              <ColorMapEntry color="#751568" quantity="60.00" label="60.00%" opacity="1"/>
              <ColorMapEntry color="#691570" quantity="65.00" label="65.00%" opacity="1"/>
              <ColorMapEntry color="#5E1677" quantity="70.00" label="70.00%" opacity="1"/>
              <ColorMapEntry color="#52167F" quantity="75.00" label="75.00%" opacity="1"/>
              <ColorMapEntry color="#471786" quantity="80.00" label="80.00%" opacity="1"/>
              <ColorMapEntry color="#3B178D" quantity="85.00" label="85.00%" opacity="1"/>
              <ColorMapEntry color="#301895" quantity="90.00" label="90.00%" opacity="1"/>
              <ColorMapEntry color="#24189C" quantity="95.00" label="95.00%" opacity="1"/>
              <ColorMapEntry color="#1919A4" quantity="100" label="100%" opacity="1"/>
            </ColorMap>
          </RasterSymbolizer>
        </Rule>
      </FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>
Copy to Clipboard Download SLD
<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0" xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd">
  <NamedLayer>
    <Name>GeoServer Layer Name</Name>
    <UserStyle>
      <Title>Title of Style</Title>
      <Abstract>%</Abstract>
      <FeatureTypeStyle>
        <Rule>
          <Title>0 - 5</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>5</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#FF1010</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>5.00 - 10</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>5.00</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">#F31017</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>10.00 - 15</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>15</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#E8101E</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>15.00 - 20</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>15.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">#DC1126</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>20.00 - 25</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>25</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#D1112D</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>25.00 - 30</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>25.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">#C51235</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>30.00 - 35</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>35</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#BA123C</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>35.00 - 40</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>35.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">#AE1343</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>40.00 - 45</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>45</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#A3134B</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>45.00 - 50</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>45.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">#971452</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>50.00 - 55</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>55</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#8C145A</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>55.00 - 60</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>55.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">#801461</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>60.00 - 65</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>65</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#751568</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>65.00 - 70</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>65.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">#691570</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>70.00 - 75</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>75</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#5E1677</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>75.00 - 80</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>75.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">#52167F</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>80.00 - 85</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>85</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#471786</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>85.00 - 90</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>85.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">#3B178D</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>90.00 - 95</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>95</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#301895</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>95.00 - 100</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>95.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">#24189C</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 - 5.00" lower="0.00" upper="5.00"/>
        <range render="true" symbol="2" label="5.00 - 10.00" lower="5.00" upper="10.00"/>
        <range render="true" symbol="3" label="10.00 - 15.00" lower="10.00" upper="15.00"/>
        <range render="true" symbol="4" label="15.00 - 20.00" lower="15.00" upper="20.00"/>
        <range render="true" symbol="5" label="20.00 - 25.00" lower="20.00" upper="25.00"/>
        <range render="true" symbol="6" label="25.00 - 30.00" lower="25.00" upper="30.00"/>
        <range render="true" symbol="7" label="30.00 - 35.00" lower="30.00" upper="35.00"/>
        <range render="true" symbol="8" label="35.00 - 40.00" lower="35.00" upper="40.00"/>
        <range render="true" symbol="9" label="40.00 - 45.00" lower="40.00" upper="45.00"/>
        <range render="true" symbol="10" label="45.00 - 50.00" lower="45.00" upper="50.00"/>
        <range render="true" symbol="11" label="50.00 - 55.00" lower="50.00" upper="55.00"/>
        <range render="true" symbol="12" label="55.00 - 60.00" lower="55.00" upper="60.00"/>
        <range render="true" symbol="13" label="60.00 - 65.00" lower="60.00" upper="65.00"/>
        <range render="true" symbol="14" label="65.00 - 70.00" lower="65.00" upper="70.00"/>
        <range render="true" symbol="15" label="70.00 - 75.00" lower="70.00" upper="75.00"/>
        <range render="true" symbol="16" label="75.00 - 80.00" lower="75.00" upper="80.00"/>
        <range render="true" symbol="17" label="80.00 - 85.00" lower="80.00" upper="85.00"/>
        <range render="true" symbol="18" label="85.00 - 90.00" lower="85.00" upper="90.00"/>
        <range render="true" symbol="19" label="90.00 - 95.00" lower="90.00" upper="95.00"/>
        <range render="true" symbol="20" label="95.00 - 100.00" lower="95.00" upper="100.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,16,16,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="243,16,23,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="232,16,30,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="220,17,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="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="209,17,45,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="197,18,53,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="186,18,60,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="174,19,67,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="163,19,75,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="151,20,82,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="140,20,90,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="128,20,97,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="117,21,104,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="105,21,112,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="94,22,119,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="82,22,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="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="71,23,134,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="59,23,141,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="48,24,149,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="36,24,156,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,16,16,255" k="color1"/>
      <prop v="25,25,164,255" k="color2"/>
      <prop v="0" k="discrete"/>
      <prop v="gradient" k="rampType"/>
      <prop v="0.047619;243,16,23,255:0.095238;232,16,30,255:0.142857;220,17,38,255:0.190476;209,17,45,255:0.238095;197,18,53,255:0.285714;186,18,60,255:0.333333;174,19,67,255:0.380952;163,19,75,255:0.428571;151,20,82,255:0.476190;140,20,90,255:0.523810;128,20,97,255:0.571429;117,21,104,255:0.619048;105,21,112,255:0.666667;94,22,119,255:0.714286;82,22,127,255:0.761905;71,23,134,255:0.809524;59,23,141,255:0.857143;48,24,149,255:0.904762;36,24,156,255:0.952381;25,25,164,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:100:FF1010,F31017,E8101E,DC1126,D1112D,C51235,BA123C,AE1343,A3134B,971452,8C145A,801461,751568,691570,5E1677,52167F,471786,3B178D,301895,24189C,1919A4

// with keys

{"min":0, "max":100, palette:"FF1010,F31017,E8101E,DC1126,D1112D,C51235,BA123C,AE1343,A3134B,971452,8C145A,801461,751568,691570,5E1677,52167F,471786,3B178D,301895,24189C,1919A4"}

// color ramp for code editor

var sld = '<RasterSymbolizer>' +
            '<Opacity>1.0</Opacity>' +
            '<ColorMap>' +
              '<ColorMapEntry color="#FF1010" quantity="0" label="0%"/>' +
              '<ColorMapEntry color="#F31017" quantity="5.00" label="5.00%"/>' +
              '<ColorMapEntry color="#E8101E" quantity="10.00" label="10.00%"/>' +
              '<ColorMapEntry color="#DC1126" quantity="15.00" label="15.00%"/>' +
              '<ColorMapEntry color="#D1112D" quantity="20.00" label="20.00%"/>' +
              '<ColorMapEntry color="#C51235" quantity="25.00" label="25.00%"/>' +
              '<ColorMapEntry color="#BA123C" quantity="30.00" label="30.00%"/>' +
              '<ColorMapEntry color="#AE1343" quantity="35.00" label="35.00%"/>' +
              '<ColorMapEntry color="#A3134B" quantity="40.00" label="40.00%"/>' +
              '<ColorMapEntry color="#971452" quantity="45.00" label="45.00%"/>' +
              '<ColorMapEntry color="#8C145A" quantity="50.00" label="50.00%"/>' +
              '<ColorMapEntry color="#801461" quantity="55.00" label="55.00%"/>' +
              '<ColorMapEntry color="#751568" quantity="60.00" label="60.00%"/>' +
              '<ColorMapEntry color="#691570" quantity="65.00" label="65.00%"/>' +
              '<ColorMapEntry color="#5E1677" quantity="70.00" label="70.00%"/>' +
              '<ColorMapEntry color="#52167F" quantity="75.00" label="75.00%"/>' +
              '<ColorMapEntry color="#471786" quantity="80.00" label="80.00%"/>' +
              '<ColorMapEntry color="#3B178D" quantity="85.00" label="85.00%"/>' +
              '<ColorMapEntry color="#301895" quantity="90.00" label="90.00%"/>' +
              '<ColorMapEntry color="#24189C" quantity="95.00" label="95.00%"/>' +
              '<ColorMapEntry color="#1919A4" quantity="100" label="100%"/>' +
            '</ColorMap>' +
          '</RasterSymbolizer>';