#CEBCC8 - #FFCCF7 | 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 #CEBCC8 to #FFCCF7

#CEBCC8 #FFCCF7

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

#CEBCC8 - #FFCCF7 | 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 #CEBCC8 as 0% and #FFCCF7 as 100%.

0.0%	0.0% #CEBCC8	RGB 206 188 200	#CEBCC8
16.7%	16.7% #D6BECF	RGB 214 190 207	#D6BECF
33.3%	33.3% #DEC1D7	RGB 222 193 215	#DEC1D7
50.0%	50.0% #E6C4DF	RGB 230 196 223	#E6C4DF
66.7%	66.7% #EEC6E7	RGB 238 198 231	#EEC6E7
83.3%	83.3% #F6C9EF	RGB 246 201 239	#F6C9EF
100.0%	100.0% #FFCCF7	RGB 255 204 247	#FFCCF7

#CEBCC8 #D6BECF #DEC1D7 #E6C4DF #EEC6E7 #F6C9EF #FFCCF7

#CEBCC8 - #FFCCF7

HSV Blend

#CEBCC8 - #FFCCF7 | 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 #CEBCC8 as 0% and #FFCCF7 as 100%.

0.0%	0.0% #CEBCC8	RGB 206 188 200	#CEBCC8
16.7%	16.7% #D6BFCF	RGB 214 191 207	#D6BFCF
33.3%	33.3% #DEC2D6	RGB 222 194 214	#DEC2D6
50.0%	50.0% #E6C5DE	RGB 230 197 222	#E6C5DE
66.7%	66.7% #EEC7E6	RGB 238 199 230	#EEC7E6
83.3%	83.3% #F6CAEE	RGB 246 202 238	#F6CAEE
100.0%	100.0% #FFCCF7	RGB 255 204 247	#FFCCF7

#CEBCC8 #D6BFCF #DEC2D6 #E6C5DE #EEC7E6 #F6CAEE #FFCCF7

#CEBCC8 - #E6C5DE - #FFCCF7

CSS codes

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

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