#CCC4D6 - #FFEACF | 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 #CCC4D6 to #FFEACF

#CCC4D6 #FFEACF

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

#CCC4D6 - #FFEACF | 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 #CCC4D6 as 0% and #FFEACF as 100%.

0.0%	0.0% #CCC4D6	RGB 204 196 214	#CCC4D6
16.7%	16.7% #D4CAD4	RGB 212 202 212	#D4CAD4
33.3%	33.3% #DDD0D3	RGB 221 208 211	#DDD0D3
50.0%	50.0% #E5D7D2	RGB 229 215 210	#E5D7D2
66.7%	66.7% #EEDDD1	RGB 238 221 209	#EEDDD1
83.3%	83.3% #F6E3D0	RGB 246 227 208	#F6E3D0
100.0%	100.0% #FFEACF	RGB 255 234 207	#FFEACF

#CCC4D6 #D4CAD4 #DDD0D3 #E5D7D2 #EEDDD1 #F6E3D0 #FFEACF

#CCC4D6 - #FFEACF

HSV Blend

#CCC4D6 - #FFEACF | 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 #CCC4D6 as 0% and #FFEACF as 100%.

0.0%	0.0% #CCC4D6	RGB 204 196 214	#CCC4D6
16.7%	16.7% #D8C6DC	RGB 216 198 220	#D8C6DC
33.3%	33.3% #E3C8DF	RGB 227 200 223	#E3C8DF
50.0%	50.0% #EACADA	RGB 234 202 218	#EACADA
66.7%	66.7% #F1CCD1	RGB 241 204 209	#F1CCD1
83.3%	83.3% #F8D6CD	RGB 248 214 205	#F8D6CD
100.0%	100.0% #FFEACF	RGB 255 234 207	#FFEACF

#CCC4D6 #D8C6DC #E3C8DF #EACADA #F1CCD1 #F8D6CD #FFEACF

#CCC4D6 - #EACADA - #FFEACF

CSS codes

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

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