#959BA8 - #E2DDBB | 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 #959BA8 to #E2DDBB

#959BA8 #E2DDBB

Calculate the color between two colors, #959BA8 and #E2DDBB. 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)

#959BA8 - #E2DDBB | 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 #959BA8 as 0% and #E2DDBB as 100%.

0.0%	0.0% #959BA8	RGB 149 155 168	#959BA8
16.7%	16.7% #A1A6AB	RGB 161 166 171	#A1A6AB
33.3%	33.3% #AEB1AE	RGB 174 177 174	#AEB1AE
50.0%	50.0% #BBBCB1	RGB 187 188 177	#BBBCB1
66.7%	66.7% #C8C7B4	RGB 200 199 180	#C8C7B4
83.3%	83.3% #D5D2B7	RGB 213 210 183	#D5D2B7
100.0%	100.0% #E2DDBB	RGB 226 221 187	#E2DDBB

#959BA8 #A1A6AB #AEB1AE #BBBCB1 #C8C7B4 #D5D2B7 #E2DDBB

#959BA8 - #E2DDBB

HSV Blend

#959BA8 - #E2DDBB | 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 #959BA8 as 0% and #E2DDBB as 100%.

0.0%	0.0% #959BA8	RGB 149 155 168	#959BA8
16.7%	16.7% #9BACB1	RGB 155 172 177	#9BACB1
33.3%	33.3% #A2BBB5	RGB 162 187 181	#A2BBB5
50.0%	50.0% #A8C5B0	RGB 168 197 176	#A8C5B0
66.7%	66.7% #B5CEAF	RGB 181 206 175	#B5CEAF
83.3%	83.3% #CCD8B5	RGB 204 216 181	#CCD8B5
100.0%	100.0% #E2DDBB	RGB 226 221 187	#E2DDBB

#959BA8 #9BACB1 #A2BBB5 #A8C5B0 #B5CEAF #CCD8B5 #E2DDBB

#959BA8 - #A8C5B0 - #E2DDBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959BA8 0%, #A8C5B0 50%, #E2DDBB 100%);
    background: -webkit-linear-gradient(top, #959BA8 0%, #A8C5B0 50%, #E2DDBB 100%);
    background: linear-gradient(to bottom, #959BA8 0%, #A8C5B0 50%, #E2DDBB 100%);
}
</style>