#CC3FEC - #F0C8F9 | 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 #CC3FEC to #F0C8F9

#CC3FEC #F0C8F9

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

#CC3FEC - #F0C8F9 | 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 #CC3FEC as 0% and #F0C8F9 as 100%.

0.0%	0.0% #CC3FEC	RGB 204 63 236	#CC3FEC
16.7%	16.7% #D255EE	RGB 210 85 238	#D255EE
33.3%	33.3% #D86CF0	RGB 216 108 240	#D86CF0
50.0%	50.0% #DE83F2	RGB 222 131 242	#DE83F2
66.7%	66.7% #E49AF4	RGB 228 154 244	#E49AF4
83.3%	83.3% #EAB1F6	RGB 234 177 246	#EAB1F6
100.0%	100.0% #F0C8F9	RGB 240 200 249	#F0C8F9

#CC3FEC #D255EE #D86CF0 #DE83F2 #E49AF4 #EAB1F6 #F0C8F9

#CC3FEC - #F0C8F9

HSV Blend

#CC3FEC - #F0C8F9 | 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 #CC3FEC as 0% and #F0C8F9 as 100%.

0.0%	0.0% #CC3FEC	RGB 204 63 236	#CC3FEC
16.7%	16.7% #D154EE	RGB 209 84 238	#D154EE
33.3%	33.3% #D76BF0	RGB 215 107 240	#D76BF0
50.0%	50.0% #DD81F2	RGB 221 129 242	#DD81F2
66.7%	66.7% #E398F4	RGB 227 152 244	#E398F4
83.3%	83.3% #E9B0F6	RGB 233 176 246	#E9B0F6
100.0%	100.0% #F0C8F9	RGB 240 200 249	#F0C8F9

#CC3FEC #D154EE #D76BF0 #DD81F2 #E398F4 #E9B0F6 #F0C8F9

#CC3FEC - #DD81F2 - #F0C8F9

CSS codes

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

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