#91969B - #DECBB0 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #91969B to #DECBB0

#91969B #DECBB0

Calculate the color between two colors, #91969B and #DECBB0. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#91969B - #DECBB0 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #91969B as 0% and #DECBB0 as 100%.

0.0%	0.0% #91969B	RGB 145 150 155	#91969B
16.7%	16.7% #9D9E9E	RGB 157 158 158	#9D9E9E
33.3%	33.3% #AAA7A2	RGB 170 167 162	#AAA7A2
50.0%	50.0% #B7B0A5	RGB 183 176 165	#B7B0A5
66.7%	66.7% #C4B9A9	RGB 196 185 169	#C4B9A9
83.3%	83.3% #D1C2AC	RGB 209 194 172	#D1C2AC
100.0%	100.0% #DECBB0	RGB 222 203 176	#DECBB0

#91969B #9D9E9E #AAA7A2 #B7B0A5 #C4B9A9 #D1C2AC #DECBB0

#91969B - #DECBB0

HSV Blend

#91969B - #DECBB0 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #91969B as 0% and #DECBB0 as 100%.

0.0%	0.0% #91969B	RGB 145 150 155	#91969B
16.7%	16.7% #97A5A6	RGB 151 165 166	#97A5A6
33.3%	33.3% #9DB1A7	RGB 157 177 167	#9DB1A7
50.0%	50.0% #A2BCA4	RGB 162 188 164	#A2BCA4
66.7%	66.7% #B5C7A7	RGB 181 199 167	#B5C7A7
83.3%	83.3% #D0D2AC	RGB 208 210 172	#D0D2AC
100.0%	100.0% #DECBB0	RGB 222 203 176	#DECBB0

#91969B #97A5A6 #9DB1A7 #A2BCA4 #B5C7A7 #D0D2AC #DECBB0

#91969B - #A2BCA4 - #DECBB0

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #91969B 0%, #DECBB0 100%);
    background: -webkit-linear-gradient(top, #91969B 0%, #DECBB0 100%);
    background: linear-gradient(to bottom, #91969B 0%, #DECBB0 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91969B 0%, #A2BCA4 50%, #DECBB0 100%);
    background: -webkit-linear-gradient(top, #91969B 0%, #A2BCA4 50%, #DECBB0 100%);
    background: linear-gradient(to bottom, #91969B 0%, #A2BCA4 50%, #DECBB0 100%);
}
</style>