#906375 - #DFD2D7 | 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 #906375 to #DFD2D7

#906375 #DFD2D7

Calculate the color between two colors, #906375 and #DFD2D7. 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)

#906375 - #DFD2D7 | 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 #906375 as 0% and #DFD2D7 as 100%.

0.0%	0.0% #906375	RGB 144 99 117	#906375
16.7%	16.7% #9D7585	RGB 157 117 133	#9D7585
33.3%	33.3% #AA8895	RGB 170 136 149	#AA8895
50.0%	50.0% #B79AA6	RGB 183 154 166	#B79AA6
66.7%	66.7% #C4ADB6	RGB 196 173 182	#C4ADB6
83.3%	83.3% #D1BFC6	RGB 209 191 198	#D1BFC6
100.0%	100.0% #DFD2D7	RGB 223 210 215	#DFD2D7

#906375 #9D7585 #AA8895 #B79AA6 #C4ADB6 #D1BFC6 #DFD2D7

#906375 - #DFD2D7

HSV Blend

#906375 - #DFD2D7 | 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 #906375 as 0% and #DFD2D7 as 100%.

0.0%	0.0% #906375	RGB 144 99 117	#906375
16.7%	16.7% #9D7283	RGB 157 114 131	#9D7283
33.3%	33.3% #AA8392	RGB 170 131 146	#AA8392
50.0%	50.0% #B795A2	RGB 183 149 162	#B795A2
66.7%	66.7% #C4A8B3	RGB 196 168 179	#C4A8B3
83.3%	83.3% #D1BCC4	RGB 209 188 196	#D1BCC4
100.0%	100.0% #DFD2D7	RGB 223 210 215	#DFD2D7

#906375 #9D7283 #AA8392 #B795A2 #C4A8B3 #D1BCC4 #DFD2D7

#906375 - #B795A2 - #DFD2D7

CSS codes

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

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