#C0BCD2 - #FFE8CE | 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 #C0BCD2 to #FFE8CE

#C0BCD2 #FFE8CE

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

#C0BCD2 - #FFE8CE | 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 #C0BCD2 as 0% and #FFE8CE as 100%.

0.0%	0.0% #C0BCD2	RGB 192 188 210	#C0BCD2
16.7%	16.7% #CAC3D1	RGB 202 195 209	#CAC3D1
33.3%	33.3% #D5CAD0	RGB 213 202 208	#D5CAD0
50.0%	50.0% #DFD2D0	RGB 223 210 208	#DFD2D0
66.7%	66.7% #EAD9CF	RGB 234 217 207	#EAD9CF
83.3%	83.3% #F4E0CE	RGB 244 224 206	#F4E0CE
100.0%	100.0% #FFE8CE	RGB 255 232 206	#FFE8CE

#C0BCD2 #CAC3D1 #D5CAD0 #DFD2D0 #EAD9CF #F4E0CE #FFE8CE

#C0BCD2 - #FFE8CE

HSV Blend

#C0BCD2 - #FFE8CE | 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 #C0BCD2 as 0% and #FFE8CE as 100%.

0.0%	0.0% #C0BCD2	RGB 192 188 210	#C0BCD2
16.7%	16.7% #CEBFD9	RGB 206 191 217	#CEBFD9
33.3%	33.3% #DFC2E1	RGB 223 194 225	#DFC2E1
50.0%	50.0% #E8C5DC	RGB 232 197 220	#E8C5DC
66.7%	66.7% #F0C8D2	RGB 240 200 210	#F0C8D2
83.3%	83.3% #F7D1CB	RGB 247 209 203	#F7D1CB
100.0%	100.0% #FFE8CE	RGB 255 232 206	#FFE8CE

#C0BCD2 #CEBFD9 #DFC2E1 #E8C5DC #F0C8D2 #F7D1CB #FFE8CE

#C0BCD2 - #E8C5DC - #FFE8CE

CSS codes

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

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