#C8C3C2 - #FFE1D4 | 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 #C8C3C2 to #FFE1D4

#C8C3C2 #FFE1D4

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

#C8C3C2 - #FFE1D4 | 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 #C8C3C2 as 0% and #FFE1D4 as 100%.

0.0%	0.0% #C8C3C2	RGB 200 195 194	#C8C3C2
16.7%	16.7% #D1C8C5	RGB 209 200 197	#D1C8C5
33.3%	33.3% #DACDC8	RGB 218 205 200	#DACDC8
50.0%	50.0% #E3D2CB	RGB 227 210 203	#E3D2CB
66.7%	66.7% #ECD7CE	RGB 236 215 206	#ECD7CE
83.3%	83.3% #F5DCD1	RGB 245 220 209	#F5DCD1
100.0%	100.0% #FFE1D4	RGB 255 225 212	#FFE1D4

#C8C3C2 #D1C8C5 #DACDC8 #E3D2CB #ECD7CE #F5DCD1 #FFE1D4

#C8C3C2 - #FFE1D4

HSV Blend

#C8C3C2 - #FFE1D4 | 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 #C8C3C2 as 0% and #FFE1D4 as 100%.

0.0%	0.0% #C8C3C2	RGB 200 195 194	#C8C3C2
16.7%	16.7% #D1C8C6	RGB 209 200 198	#D1C8C6
33.3%	33.3% #DACDC9	RGB 218 205 201	#DACDC9
50.0%	50.0% #E3D2CC	RGB 227 210 204	#E3D2CC
66.7%	66.7% #ECD7CF	RGB 236 215 207	#ECD7CF
83.3%	83.3% #F5DCD2	RGB 245 220 210	#F5DCD2
100.0%	100.0% #FFE1D4	RGB 255 225 212	#FFE1D4

#C8C3C2 #D1C8C6 #DACDC9 #E3D2CC #ECD7CF #F5DCD2 #FFE1D4

#C8C3C2 - #E3D2CC - #FFE1D4

CSS codes

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

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