#CCCCEE - #FBECFA | 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 #CCCCEE to #FBECFA

#CCCCEE #FBECFA

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

#CCCCEE - #FBECFA | 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 #CCCCEE as 0% and #FBECFA as 100%.

0.0%	0.0% #CCCCEE	RGB 204 204 238	#CCCCEE
16.7%	16.7% #D3D1F0	RGB 211 209 240	#D3D1F0
33.3%	33.3% #DBD6F2	RGB 219 214 242	#DBD6F2
50.0%	50.0% #E3DCF4	RGB 227 220 244	#E3DCF4
66.7%	66.7% #EBE1F6	RGB 235 225 246	#EBE1F6
83.3%	83.3% #F3E6F8	RGB 243 230 248	#F3E6F8
100.0%	100.0% #FBECFA	RGB 251 236 250	#FBECFA

#CCCCEE #D3D1F0 #DBD6F2 #E3DCF4 #EBE1F6 #F3E6F8 #FBECFA

#CCCCEE - #FBECFA

HSV Blend

#CCCCEE - #FBECFA | 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 #CCCCEE as 0% and #FBECFA as 100%.

0.0%	0.0% #CCCCEE	RGB 204 204 238	#CCCCEE
16.7%	16.7% #D6D1F0	RGB 214 209 240	#D6D1F0
33.3%	33.3% #E0D6F2	RGB 224 214 242	#E0D6F2
50.0%	50.0% #E8DBF4	RGB 232 219 244	#E8DBF4
66.7%	66.7% #F0E1F6	RGB 240 225 246	#F0E1F6
83.3%	83.3% #F6E6F8	RGB 246 230 248	#F6E6F8
100.0%	100.0% #FBECFA	RGB 251 236 250	#FBECFA

#CCCCEE #D6D1F0 #E0D6F2 #E8DBF4 #F0E1F6 #F6E6F8 #FBECFA

#CCCCEE - #E8DBF4 - #FBECFA

CSS codes

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

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