#C8C0E3 - #FFE0D9 | 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 #C8C0E3 to #FFE0D9

#C8C0E3 #FFE0D9

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

#C8C0E3 - #FFE0D9 | 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 #C8C0E3 as 0% and #FFE0D9 as 100%.

0.0%	0.0% #C8C0E3	RGB 200 192 227	#C8C0E3
16.7%	16.7% #D1C5E1	RGB 209 197 225	#D1C5E1
33.3%	33.3% #DACADF	RGB 218 202 223	#DACADF
50.0%	50.0% #E3D0DE	RGB 227 208 222	#E3D0DE
66.7%	66.7% #ECD5DC	RGB 236 213 220	#ECD5DC
83.3%	83.3% #F5DADA	RGB 245 218 218	#F5DADA
100.0%	100.0% #FFE0D9	RGB 255 224 217	#FFE0D9

#C8C0E3 #D1C5E1 #DACADF #E3D0DE #ECD5DC #F5DADA #FFE0D9

#C8C0E3 - #FFE0D9

HSV Blend

#C8C0E3 - #FFE0D9 | 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 #C8C0E3 as 0% and #FFE0D9 as 100%.

0.0%	0.0% #C8C0E3	RGB 200 192 227	#C8C0E3
16.7%	16.7% #D7C4E7	RGB 215 196 231	#D7C4E7
33.3%	33.3% #E8C8EC	RGB 232 200 236	#E8C8EC
50.0%	50.0% #F1CCE9	RGB 241 204 233	#F1CCE9
66.7%	66.7% #F5D0E1	RGB 245 208 225	#F5D0E1
83.3%	83.3% #FAD4DA	RGB 250 212 218	#FAD4DA
100.0%	100.0% #FFE0D9	RGB 255 224 217	#FFE0D9

#C8C0E3 #D7C4E7 #E8C8EC #F1CCE9 #F5D0E1 #FAD4DA #FFE0D9

#C8C0E3 - #F1CCE9 - #FFE0D9

CSS codes

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

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