#CC4CCD - #F0CBF0 | 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 #CC4CCD to #F0CBF0

#CC4CCD #F0CBF0

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

#CC4CCD - #F0CBF0 | 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 #CC4CCD as 0% and #F0CBF0 as 100%.

0.0%	0.0% #CC4CCD	RGB 204 76 205	#CC4CCD
16.7%	16.7% #D261D2	RGB 210 97 210	#D261D2
33.3%	33.3% #D876D8	RGB 216 118 216	#D876D8
50.0%	50.0% #DE8BDE	RGB 222 139 222	#DE8BDE
66.7%	66.7% #E4A0E4	RGB 228 160 228	#E4A0E4
83.3%	83.3% #EAB5EA	RGB 234 181 234	#EAB5EA
100.0%	100.0% #F0CBF0	RGB 240 203 240	#F0CBF0

#CC4CCD #D261D2 #D876D8 #DE8BDE #E4A0E4 #EAB5EA #F0CBF0

#CC4CCD - #F0CBF0

HSV Blend

#CC4CCD - #F0CBF0 | 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 #CC4CCD as 0% and #F0CBF0 as 100%.

0.0%	0.0% #CC4CCD	RGB 204 76 205	#CC4CCD
16.7%	16.7% #D25ED2	RGB 210 94 210	#D25ED2
33.3%	33.3% #D872D8	RGB 216 114 216	#D872D8
50.0%	50.0% #DE87DE	RGB 222 135 222	#DE87DE
66.7%	66.7% #E49CE4	RGB 228 156 228	#E49CE4
83.3%	83.3% #EAB3EA	RGB 234 179 234	#EAB3EA
100.0%	100.0% #F0CBF0	RGB 240 203 240	#F0CBF0

#CC4CCD #D25ED2 #D872D8 #DE87DE #E49CE4 #EAB3EA #F0CBF0

#CC4CCD - #DE87DE - #F0CBF0

CSS codes

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

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