#C8A8B7 - #FFE5CD | 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 #C8A8B7 to #FFE5CD

#C8A8B7 #FFE5CD

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

#C8A8B7 - #FFE5CD | 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 #C8A8B7 as 0% and #FFE5CD as 100%.

0.0%	0.0% #C8A8B7	RGB 200 168 183	#C8A8B7
16.7%	16.7% #D1B2BA	RGB 209 178 186	#D1B2BA
33.3%	33.3% #DABCBE	RGB 218 188 190	#DABCBE
50.0%	50.0% #E3C6C2	RGB 227 198 194	#E3C6C2
66.7%	66.7% #ECD0C5	RGB 236 208 197	#ECD0C5
83.3%	83.3% #F5DAC9	RGB 245 218 201	#F5DAC9
100.0%	100.0% #FFE5CD	RGB 255 229 205	#FFE5CD

#C8A8B7 #D1B2BA #DABCBE #E3C6C2 #ECD0C5 #F5DAC9 #FFE5CD

#C8A8B7 - #FFE5CD

HSV Blend

#C8A8B7 - #FFE5CD | 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 #C8A8B7 as 0% and #FFE5CD as 100%.

0.0%	0.0% #C8A8B7	RGB 200 168 183	#C8A8B7
16.7%	16.7% #D1AEB9	RGB 209 174 185	#D1AEB9
33.3%	33.3% #DAB4BA	RGB 218 180 186	#DAB4BA
50.0%	50.0% #E3BBBA	RGB 227 187 186	#E3BBBA
66.7%	66.7% #ECC8C1	RGB 236 200 193	#ECC8C1
83.3%	83.3% #F5D6C7	RGB 245 214 199	#F5D6C7
100.0%	100.0% #FFE5CD	RGB 255 229 205	#FFE5CD

#C8A8B7 #D1AEB9 #DAB4BA #E3BBBA #ECC8C1 #F5D6C7 #FFE5CD

#C8A8B7 - #E3BBBA - #FFE5CD

CSS codes

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

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