#D4D1CC - #9F9C68 | 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 #D4D1CC to #9F9C68

#D4D1CC #9F9C68

Calculate the color between two colors, #D4D1CC and #9F9C68. 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)

#D4D1CC - #9F9C68 | 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 #D4D1CC as 0% and #9F9C68 as 100%.

0.0%	0.0% #D4D1CC	RGB 212 209 204	#D4D1CC
16.7%	16.7% #CBC8BB	RGB 203 200 187	#CBC8BB
33.3%	33.3% #C2BFAA	RGB 194 191 170	#C2BFAA
50.0%	50.0% #B9B69A	RGB 185 182 154	#B9B69A
66.7%	66.7% #B0AD89	RGB 176 173 137	#B0AD89
83.3%	83.3% #A7A478	RGB 167 164 120	#A7A478
100.0%	100.0% #9F9C68	RGB 159 156 104	#9F9C68

#D4D1CC #CBC8BB #C2BFAA #B9B69A #B0AD89 #A7A478 #9F9C68

#D4D1CC - #9F9C68

HSV Blend

#D4D1CC - #9F9C68 | 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 #D4D1CC as 0% and #9F9C68 as 100%.

0.0%	0.0% #D4D1CC	RGB 212 209 204	#D4D1CC
16.7%	16.7% #CBC5B9	RGB 203 197 185	#CBC5B9
33.3%	33.3% #C2BBA7	RGB 194 187 167	#C2BBA7
50.0%	50.0% #B9B195	RGB 185 177 149	#B9B195
66.7%	66.7% #B0A985	RGB 176 169 133	#B0A985
83.3%	83.3% #A7A276	RGB 167 162 118	#A7A276
100.0%	100.0% #9F9C68	RGB 159 156 104	#9F9C68

#D4D1CC #CBC5B9 #C2BBA7 #B9B195 #B0A985 #A7A276 #9F9C68

#D4D1CC - #B9B195 - #9F9C68

CSS codes

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

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