#C8C0B6 - #E2C0CD | 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 #C8C0B6 to #E2C0CD

#C8C0B6 #E2C0CD

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

#C8C0B6 - #E2C0CD | 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 #C8C0B6 as 0% and #E2C0CD as 100%.

0.0%	0.0% #C8C0B6	RGB 200 192 182	#C8C0B6
16.7%	16.7% #CCC0B9	RGB 204 192 185	#CCC0B9
33.3%	33.3% #D0C0BD	RGB 208 192 189	#D0C0BD
50.0%	50.0% #D5C0C1	RGB 213 192 193	#D5C0C1
66.7%	66.7% #D9C0C5	RGB 217 192 197	#D9C0C5
83.3%	83.3% #DDC0C9	RGB 221 192 201	#DDC0C9
100.0%	100.0% #E2C0CD	RGB 226 192 205	#E2C0CD

#C8C0B6 #CCC0B9 #D0C0BD #D5C0C1 #D9C0C5 #DDC0C9 #E2C0CD

#C8C0B6 - #E2C0CD

HSV Blend

#C8C0B6 - #E2C0CD | 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 #C8C0B6 as 0% and #E2C0CD as 100%.

0.0%	0.0% #C8C0B6	RGB 200 192 182	#C8C0B6
16.7%	16.7% #CCC0B7	RGB 204 192 183	#CCC0B7
33.3%	33.3% #D0BFB9	RGB 208 191 185	#D0BFB9
50.0%	50.0% #D5BDBB	RGB 213 189 187	#D5BDBB
66.7%	66.7% #D9BDBE	RGB 217 189 190	#D9BDBE
83.3%	83.3% #DDBEC5	RGB 221 190 197	#DDBEC5
100.0%	100.0% #E2C0CD	RGB 226 192 205	#E2C0CD

#C8C0B6 #CCC0B7 #D0BFB9 #D5BDBB #D9BDBE #DDBEC5 #E2C0CD

#C8C0B6 - #D5BDBB - #E2C0CD

CSS codes

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

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