#C0BED2 - #FFE9CF | 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 #C0BED2 to #FFE9CF

#C0BED2 #FFE9CF

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

#C0BED2 - #FFE9CF | 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 #C0BED2 as 0% and #FFE9CF as 100%.

0.0%	0.0% #C0BED2	RGB 192 190 210	#C0BED2
16.7%	16.7% #CAC5D1	RGB 202 197 209	#CAC5D1
33.3%	33.3% #D5CCD1	RGB 213 204 209	#D5CCD1
50.0%	50.0% #DFD3D0	RGB 223 211 208	#DFD3D0
66.7%	66.7% #EADAD0	RGB 234 218 208	#EADAD0
83.3%	83.3% #F4E1CF	RGB 244 225 207	#F4E1CF
100.0%	100.0% #FFE9CF	RGB 255 233 207	#FFE9CF

#C0BED2 #CAC5D1 #D5CCD1 #DFD3D0 #EADAD0 #F4E1CF #FFE9CF

#C0BED2 - #FFE9CF

HSV Blend

#C0BED2 - #FFE9CF | 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 #C0BED2 as 0% and #FFE9CF as 100%.

0.0%	0.0% #C0BED2	RGB 192 190 210	#C0BED2
16.7%	16.7% #CDC1D9	RGB 205 193 217	#CDC1D9
33.3%	33.3% #DEC4E1	RGB 222 196 225	#DEC4E1
50.0%	50.0% #E8C7DD	RGB 232 199 221	#E8C7DD
66.7%	66.7% #F0CAD4	RGB 240 202 212	#F0CAD4
83.3%	83.3% #F7D2CC	RGB 247 210 204	#F7D2CC
100.0%	100.0% #FFE9CF	RGB 255 233 207	#FFE9CF

#C0BED2 #CDC1D9 #DEC4E1 #E8C7DD #F0CAD4 #F7D2CC #FFE9CF

#C0BED2 - #E8C7DD - #FFE9CF

CSS codes

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

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