#CAC9C7 - #EEE6D7 | 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 #CAC9C7 to #EEE6D7

#CAC9C7 #EEE6D7

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

#CAC9C7 - #EEE6D7 | 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 #CAC9C7 as 0% and #EEE6D7 as 100%.

0.0%	0.0% #CAC9C7	RGB 202 201 199	#CAC9C7
16.7%	16.7% #D0CDC9	RGB 208 205 201	#D0CDC9
33.3%	33.3% #D6D2CC	RGB 214 210 204	#D6D2CC
50.0%	50.0% #DCD7CF	RGB 220 215 207	#DCD7CF
66.7%	66.7% #E2DCD1	RGB 226 220 209	#E2DCD1
83.3%	83.3% #E8E1D4	RGB 232 225 212	#E8E1D4
100.0%	100.0% #EEE6D7	RGB 238 230 215	#EEE6D7

#CAC9C7 #D0CDC9 #D6D2CC #DCD7CF #E2DCD1 #E8E1D4 #EEE6D7

#CAC9C7 - #EEE6D7

HSV Blend

#CAC9C7 - #EEE6D7 | 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 #CAC9C7 as 0% and #EEE6D7 as 100%.

0.0%	0.0% #CAC9C7	RGB 202 201 199	#CAC9C7
16.7%	16.7% #D0CECA	RGB 208 206 202	#D0CECA
33.3%	33.3% #D6D2CC	RGB 214 210 204	#D6D2CC
50.0%	50.0% #DCD7CF	RGB 220 215 207	#DCD7CF
66.7%	66.7% #E2DCD2	RGB 226 220 210	#E2DCD2
83.3%	83.3% #E8E1D4	RGB 232 225 212	#E8E1D4
100.0%	100.0% #EEE6D7	RGB 238 230 215	#EEE6D7

#CAC9C7 #D0CECA #D6D2CC #DCD7CF #E2DCD2 #E8E1D4 #EEE6D7

#CAC9C7 - #DCD7CF - #EEE6D7

CSS codes

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

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