@ step
@ step
@ step
to

Hex Code RGB CSS Value
#FF1010rgb(255, 16, 16, 1)0
#F21018rgb(242, 16, 24, 1)5
#E51020rgb(229, 16, 32, 1)10
#D81128rgb(216, 17, 40, 1)15
#CB1130rgb(203, 17, 48, 1)20
#BF1239rgb(191, 18, 57, 1)25
#B21241rgb(178, 18, 65, 1)30
#A51349rgb(165, 19, 73, 1)35
#981351rgb(152, 19, 81, 1)40
#8C145Argb(140, 20, 90, 1)45
#811460rgb(129, 20, 96, 1)50
#771467rgb(119, 20, 103, 1)55
#6C156Ergb(108, 21, 110, 1)60
#621574rgb(98, 21, 116, 1)65
#57167Brgb(87, 22, 123, 1)70
#4D1682rgb(77, 22, 130, 1)75
#421789rgb(66, 23, 137, 1)80
#38178Frgb(56, 23, 143, 1)85
#2D1896rgb(45, 24, 150, 1)90
#23189Drgb(35, 24, 157, 1)95
#1919A4rgb(25, 25, 164, 1)100
Copy to Clipboard Download JSON
{
   "ramp": [
        {
             "value": 0,
             "color": "#FF1010"
        },
        {
             "value": 5,
             "color": "#F21018"
        },
        {
             "value": 10,
             "color": "#E51020"
        },
        {
             "value": 15,
             "color": "#D81128"
        },
        {
             "value": 20,
             "color": "#CB1130"
        },
        {
             "value": 25,
             "color": "#BF1239"
        },
        {
             "value": 30,
             "color": "#B21241"
        },
        {
             "value": 35,
             "color": "#A51349"
        },
        {
             "value": 40,
             "color": "#981351"
        },
        {
             "value": 45,
             "color": "#8C145A"
        },
        {
             "value": 50,
             "color": "#811460"
        },
        {
             "value": 55,
             "color": "#771467"
        },
        {
             "value": 60,
             "color": "#6C156E"
        },
        {
             "value": 65,
             "color": "#621574"
        },
        {
             "value": 70,
             "color": "#57167B"
        },
        {
             "value": 75,
             "color": "#4D1682"
        },
        {
             "value": 80,
             "color": "#421789"
        },
        {
             "value": 85,
             "color": "#38178F"
        },
        {
             "value": 90,
             "color": "#2D1896"
        },
        {
             "value": 95,
             "color": "#23189D"
        },
        {
             "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: #E51020

                            function getColor(v) {
  return v >= 100 ? '#1919A4' :
    v >= 95 ? '#23189D' :
    v >= 90 ? '#2D1896' :
    v >= 85 ? '#38178F' :
    v >= 80 ? '#421789' :
    v >= 75 ? '#4D1682' :
    v >= 70 ? '#57167B' :
    v >= 65 ? '#621574' :
    v >= 60 ? '#6C156E' :
    v >= 55 ? '#771467' :
    v >= 50 ? '#811460' :
    v >= 45 ? '#8C145A' :
    v >= 40 ? '#981351' :
    v >= 35 ? '#A51349' :
    v >= 30 ? '#B21241' :
    v >= 25 ? '#BF1239' :
    v >= 20 ? '#CB1130' :
    v >= 15 ? '#D81128' :
    v >= 10 ? '#E51020' :
    v >= 5 ? '#F21018' :
    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.
*/

/* @title 0-5*/
[COLUMN_NAME >= 0] [COLUMN_NAME < 5] {
    fill: #FF1010;
    fill-opacity: 1;
}
/* @title 5-10*/
[COLUMN_NAME >= 5] [COLUMN_NAME < 10] {
    fill: #F21018;
    fill-opacity: 1;
}
/* @title 10-15*/
[COLUMN_NAME >= 10] [COLUMN_NAME < 15] {
    fill: #E51020;
    fill-opacity: 1;
}
/* @title 15-20*/
[COLUMN_NAME >= 15] [COLUMN_NAME < 20] {
    fill: #D81128;
    fill-opacity: 1;
}
/* @title 20-25*/
[COLUMN_NAME >= 20] [COLUMN_NAME < 25] {
    fill: #CB1130;
    fill-opacity: 1;
}
/* @title 25-30*/
[COLUMN_NAME >= 25] [COLUMN_NAME < 30] {
    fill: #BF1239;
    fill-opacity: 1;
}
/* @title 30-35*/
[COLUMN_NAME >= 30] [COLUMN_NAME < 35] {
    fill: #B21241;
    fill-opacity: 1;
}
/* @title 35-40*/
[COLUMN_NAME >= 35] [COLUMN_NAME < 40] {
    fill: #A51349;
    fill-opacity: 1;
}
/* @title 40-45*/
[COLUMN_NAME >= 40] [COLUMN_NAME < 45] {
    fill: #981351;
    fill-opacity: 1;
}
/* @title 45-50*/
[COLUMN_NAME >= 45] [COLUMN_NAME < 50] {
    fill: #8C145A;
    fill-opacity: 1;
}
/* @title 50-55*/
[COLUMN_NAME >= 50] [COLUMN_NAME < 55] {
    fill: #811460;
    fill-opacity: 1;
}
/* @title 55-60*/
[COLUMN_NAME >= 55] [COLUMN_NAME < 60] {
    fill: #771467;
    fill-opacity: 1;
}
/* @title 60-65*/
[COLUMN_NAME >= 60] [COLUMN_NAME < 65] {
    fill: #6C156E;
    fill-opacity: 1;
}
/* @title 65-70*/
[COLUMN_NAME >= 65] [COLUMN_NAME < 70] {
    fill: #621574;
    fill-opacity: 1;
}
/* @title 70-75*/
[COLUMN_NAME >= 70] [COLUMN_NAME < 75] {
    fill: #57167B;
    fill-opacity: 1;
}
/* @title 75-80*/
[COLUMN_NAME >= 75] [COLUMN_NAME < 80] {
    fill: #4D1682;
    fill-opacity: 1;
}
/* @title 80-85*/
[COLUMN_NAME >= 80] [COLUMN_NAME < 85] {
    fill: #421789;
    fill-opacity: 1;
}
/* @title 85-90*/
[COLUMN_NAME >= 85] [COLUMN_NAME < 90] {
    fill: #38178F;
    fill-opacity: 1;
}
/* @title 90-95*/
[COLUMN_NAME >= 90] [COLUMN_NAME < 95] {
    fill: #2D1896;
    fill-opacity: 1;
}
/* @title 95-100*/
[COLUMN_NAME >= 95] [COLUMN_NAME < 100] {
    fill: #23189D;
    fill-opacity: 1;
}
/* @title 100+*/
[COLUMN_NAME >= 100] {
    fill: #1919A4;
    fill-opacity: 1;
}

Copy to Clipboard Direct XML URL Download SLD
<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0" xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://www.opengis.net/sld http://schemas.opengis.net/sld/1.0.0/StyledLayerDescriptor.xsd">
  <NamedLayer>
    <Name>GeoServer Layer Name</Name>
    <UserStyle>
      <Name>name</Name>
      <Title>Title of Style</Title>
      <Abstract></Abstract>
      <FeatureTypeStyle>
        <Rule>
          <RasterSymbolizer>
            <Opacity>1.0</Opacity>
            <ColorMap>
              <ColorMapEntry color="#FF1010" quantity="0" label="0" opacity="1"/>
              <ColorMapEntry color="#F21018" quantity="5" label="5" opacity="1"/>
              <ColorMapEntry color="#E51020" quantity="10" label="10" opacity="1"/>
              <ColorMapEntry color="#D81128" quantity="15" label="15" opacity="1"/>
              <ColorMapEntry color="#CB1130" quantity="20" label="20" opacity="1"/>
              <ColorMapEntry color="#BF1239" quantity="25" label="25" opacity="1"/>
              <ColorMapEntry color="#B21241" quantity="30" label="30" opacity="1"/>
              <ColorMapEntry color="#A51349" quantity="35" label="35" opacity="1"/>
              <ColorMapEntry color="#981351" quantity="40" label="40" opacity="1"/>
              <ColorMapEntry color="#8C145A" quantity="45" label="45" opacity="1"/>
              <ColorMapEntry color="#811460" quantity="50" label="50" opacity="1"/>
              <ColorMapEntry color="#771467" quantity="55" label="55" opacity="1"/>
              <ColorMapEntry color="#6C156E" quantity="60" label="60" opacity="1"/>
              <ColorMapEntry color="#621574" quantity="65" label="65" opacity="1"/>
              <ColorMapEntry color="#57167B" quantity="70" label="70" opacity="1"/>
              <ColorMapEntry color="#4D1682" quantity="75" label="75" opacity="1"/>
              <ColorMapEntry color="#421789" quantity="80" label="80" opacity="1"/>
              <ColorMapEntry color="#38178F" quantity="85" label="85" opacity="1"/>
              <ColorMapEntry color="#2D1896" quantity="90" label="90" opacity="1"/>
              <ColorMapEntry color="#23189D" quantity="95" label="95" opacity="1"/>
              <ColorMapEntry color="#1919A4" quantity="100" label="100" 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></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 - 10</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>5</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">#F21018</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>10 - 15</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>10</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">#E51020</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>15 - 20</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>15</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">#D81128</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>20 - 25</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>20</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">#CB1130</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>25 - 30</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>25</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>30</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#BF1239</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>30 - 35</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>30</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">#B21241</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>35 - 40</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>35</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">#A51349</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>40 - 45</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>40</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">#981351</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>45 - 50</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>45</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">#8C145A</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>50 - 55</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>50</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>55</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#811460</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>55 - 60</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>55</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">#771467</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>60 - 65</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>60</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">#6C156E</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>65 - 70</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>65</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">#621574</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>70 - 75</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>70</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">#57167B</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>75 - 80</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>75</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>80</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#4D1682</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>80 - 85</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>80</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">#421789</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>85 - 90</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>85</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">#38178F</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>90 - 95</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>90</ogc:Literal>
              </ogc:PropertyIsGreaterThanOrEqualTo>
              <ogc:PropertyIsLessThan>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>95</ogc:Literal>
              </ogc:PropertyIsLessThan>
            </ogc:And>
          </ogc:Filter>
          <PolygonSymbolizer>
            <Fill>
              <CssParameter name="fill">#2D1896</CssParameter>
            </Fill>
          </PolygonSymbolizer>
        </Rule>
        <Rule>
          <Title>95 - 100</Title>
          <ogc:Filter>
            <ogc:And>
              <ogc:PropertyIsGreaterThanOrEqualTo>
                <ogc:PropertyName>COLUMN_NAME</ogc:PropertyName>
                <ogc:Literal>95</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">#23189D</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 - 5" lower="0" upper="5"/>
        <range render="true" symbol="2" label="5 - 10" lower="5" upper="10"/>
        <range render="true" symbol="3" label="10 - 15" lower="10" upper="15"/>
        <range render="true" symbol="4" label="15 - 20" lower="15" upper="20"/>
        <range render="true" symbol="5" label="20 - 25" lower="20" upper="25"/>
        <range render="true" symbol="6" label="25 - 30" lower="25" upper="30"/>
        <range render="true" symbol="7" label="30 - 35" lower="30" upper="35"/>
        <range render="true" symbol="8" label="35 - 40" lower="35" upper="40"/>
        <range render="true" symbol="9" label="40 - 45" lower="40" upper="45"/>
        <range render="true" symbol="10" label="45 - 50" lower="45" upper="50"/>
        <range render="true" symbol="11" label="50 - 55" lower="50" upper="55"/>
        <range render="true" symbol="12" label="55 - 60" lower="55" upper="60"/>
        <range render="true" symbol="13" label="60 - 65" lower="60" upper="65"/>
        <range render="true" symbol="14" label="65 - 70" lower="65" upper="70"/>
        <range render="true" symbol="15" label="70 - 75" lower="70" upper="75"/>
        <range render="true" symbol="16" label="75 - 80" lower="75" upper="80"/>
        <range render="true" symbol="17" label="80 - 85" lower="80" upper="85"/>
        <range render="true" symbol="18" label="85 - 90" lower="85" upper="90"/>
        <range render="true" symbol="19" label="90 - 95" lower="90" upper="95"/>
        <range render="true" symbol="20" label="95 - 100" lower="95" upper="100"/>
    </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="242,16,24,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,16,32,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,17,40,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="203,17,48,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,18,57,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,18,65,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,19,73,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="152,19,81,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,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="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="129,20,96,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="119,20,103,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="108,21,110,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="98,21,116,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="87,22,123,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="77,22,130,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="66,23,137,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="56,23,143,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="45,24,150,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="35,24,157,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;242,16,24,255:0.095238;229,16,32,255:0.142857;216,17,40,255:0.190476;203,17,48,255:0.238095;191,18,57,255:0.285714;178,18,65,255:0.333333;165,19,73,255:0.380952;152,19,81,255:0.428571;140,20,90,255:0.476190;129,20,96,255:0.523810;119,20,103,255:0.571429;108,21,110,255:0.619048;98,21,116,255:0.666667;87,22,123,255:0.714286;77,22,130,255:0.761905;66,23,137,255:0.809524;56,23,143,255:0.857143;45,24,150,255:0.904762;35,24,157,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,F21018,E51020,D81128,CB1130,BF1239,B21241,A51349,981351,8C145A,811460,771467,6C156E,621574,57167B,4D1682,421789,38178F,2D1896,23189D,1919A4

// with keys

{"min":0, "max":100, palette:"FF1010,F21018,E51020,D81128,CB1130,BF1239,B21241,A51349,981351,8C145A,811460,771467,6C156E,621574,57167B,4D1682,421789,38178F,2D1896,23189D,1919A4"}

// color ramp for code editor

var sld = '<RasterSymbolizer>' +
            '<Opacity>1.0</Opacity>' +
            '<ColorMap>' +
              '<ColorMapEntry color="#FF1010" quantity="0" label="0"/>' +
              '<ColorMapEntry color="#F21018" quantity="5" label="5"/>' +
              '<ColorMapEntry color="#E51020" quantity="10" label="10"/>' +
              '<ColorMapEntry color="#D81128" quantity="15" label="15"/>' +
              '<ColorMapEntry color="#CB1130" quantity="20" label="20"/>' +
              '<ColorMapEntry color="#BF1239" quantity="25" label="25"/>' +
              '<ColorMapEntry color="#B21241" quantity="30" label="30"/>' +
              '<ColorMapEntry color="#A51349" quantity="35" label="35"/>' +
              '<ColorMapEntry color="#981351" quantity="40" label="40"/>' +
              '<ColorMapEntry color="#8C145A" quantity="45" label="45"/>' +
              '<ColorMapEntry color="#811460" quantity="50" label="50"/>' +
              '<ColorMapEntry color="#771467" quantity="55" label="55"/>' +
              '<ColorMapEntry color="#6C156E" quantity="60" label="60"/>' +
              '<ColorMapEntry color="#621574" quantity="65" label="65"/>' +
              '<ColorMapEntry color="#57167B" quantity="70" label="70"/>' +
              '<ColorMapEntry color="#4D1682" quantity="75" label="75"/>' +
              '<ColorMapEntry color="#421789" quantity="80" label="80"/>' +
              '<ColorMapEntry color="#38178F" quantity="85" label="85"/>' +
              '<ColorMapEntry color="#2D1896" quantity="90" label="90"/>' +
              '<ColorMapEntry color="#23189D" quantity="95" label="95"/>' +
              '<ColorMapEntry color="#1919A4" quantity="100" label="100"/>' +
            '</ColorMap>' +
          '</RasterSymbolizer>';