#CCBDF7 - #FFEEEA | 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 #CCBDF7 to #FFEEEA

#CCBDF7 #FFEEEA

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

#CCBDF7 - #FFEEEA | 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 #CCBDF7 as 0% and #FFEEEA as 100%.

0.0%	0.0% #CCBDF7	RGB 204 189 247	#CCBDF7
16.7%	16.7% #D4C5F4	RGB 212 197 244	#D4C5F4
33.3%	33.3% #DDCDF2	RGB 221 205 242	#DDCDF2
50.0%	50.0% #E5D5F0	RGB 229 213 240	#E5D5F0
66.7%	66.7% #EEDDEE	RGB 238 221 238	#EEDDEE
83.3%	83.3% #F6E5EC	RGB 246 229 236	#F6E5EC
100.0%	100.0% #FFEEEA	RGB 255 238 234	#FFEEEA

#CCBDF7 #D4C5F4 #DDCDF2 #E5D5F0 #EEDDEE #F6E5EC #FFEEEA

#CCBDF7 - #FFEEEA

HSV Blend

#CCBDF7 - #FFEEEA | 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 #CCBDF7 as 0% and #FFEEEA as 100%.

0.0%	0.0% #CCBDF7	RGB 204 189 247	#CCBDF7
16.7%	16.7% #E2C4F8	RGB 226 196 248	#E2C4F8
33.3%	33.3% #F5CBF9	RGB 245 203 249	#F5CBF9
50.0%	50.0% #FBD3F2	RGB 251 211 242	#FBD3F2
66.7%	66.7% #FCDAE9	RGB 252 218 233	#FCDAE9
83.3%	83.3% #FDE2E5	RGB 253 226 229	#FDE2E5
100.0%	100.0% #FFEEEA	RGB 255 238 234	#FFEEEA

#CCBDF7 #E2C4F8 #F5CBF9 #FBD3F2 #FCDAE9 #FDE2E5 #FFEEEA

#CCBDF7 - #FBD3F2 - #FFEEEA

CSS codes

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

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