#CFBCEC - #FFECE2 | 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 #CFBCEC to #FFECE2

#CFBCEC #FFECE2

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

#CFBCEC - #FFECE2 | 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 #CFBCEC as 0% and #FFECE2 as 100%.

0.0%	0.0% #CFBCEC	RGB 207 188 236	#CFBCEC
16.7%	16.7% #D7C4EA	RGB 215 196 234	#D7C4EA
33.3%	33.3% #DFCCE8	RGB 223 204 232	#DFCCE8
50.0%	50.0% #E7D4E7	RGB 231 212 231	#E7D4E7
66.7%	66.7% #EFDCE5	RGB 239 220 229	#EFDCE5
83.3%	83.3% #F7E4E3	RGB 247 228 227	#F7E4E3
100.0%	100.0% #FFECE2	RGB 255 236 226	#FFECE2

#CFBCEC #D7C4EA #DFCCE8 #E7D4E7 #EFDCE5 #F7E4E3 #FFECE2

#CFBCEC - #FFECE2

HSV Blend

#CFBCEC - #FFECE2 | 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 #CFBCEC as 0% and #FFECE2 as 100%.

0.0%	0.0% #CFBCEC	RGB 207 188 236	#CFBCEC
16.7%	16.7% #E2C2EF	RGB 226 194 239	#E2C2EF
33.3%	33.3% #F2C8F0	RGB 242 200 240	#F2C8F0
50.0%	50.0% #F5CEE7	RGB 245 206 231	#F5CEE7
66.7%	66.7% #F8D4DF	RGB 248 212 223	#F8D4DF
83.3%	83.3% #FBDCDB	RGB 251 220 219	#FBDCDB
100.0%	100.0% #FFECE2	RGB 255 236 226	#FFECE2

#CFBCEC #E2C2EF #F2C8F0 #F5CEE7 #F8D4DF #FBDCDB #FFECE2

#CFBCEC - #F5CEE7 - #FFECE2

CSS codes

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

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