#C82CEC - #EFC2F9 | 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 #C82CEC to #EFC2F9

#C82CEC #EFC2F9

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

#C82CEC - #EFC2F9 | 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 #C82CEC as 0% and #EFC2F9 as 100%.

0.0%	0.0% #C82CEC	RGB 200 44 236	#C82CEC
16.7%	16.7% #CE45EE	RGB 206 69 238	#CE45EE
33.3%	33.3% #D55EF0	RGB 213 94 240	#D55EF0
50.0%	50.0% #DB77F2	RGB 219 119 242	#DB77F2
66.7%	66.7% #E290F4	RGB 226 144 244	#E290F4
83.3%	83.3% #E8A9F6	RGB 232 169 246	#E8A9F6
100.0%	100.0% #EFC2F9	RGB 239 194 249	#EFC2F9

#C82CEC #CE45EE #D55EF0 #DB77F2 #E290F4 #E8A9F6 #EFC2F9

#C82CEC - #EFC2F9

HSV Blend

#C82CEC - #EFC2F9 | 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 #C82CEC as 0% and #EFC2F9 as 100%.

0.0%	0.0% #C72BEC	RGB 199 43 236	#C72BEC
16.7%	16.7% #CE43EE	RGB 206 67 238	#CE43EE
33.3%	33.3% #D45CF0	RGB 212 92 240	#D45CF0
50.0%	50.0% #DB75F2	RGB 219 117 242	#DB75F2
66.7%	66.7% #E18EF4	RGB 225 142 244	#E18EF4
83.3%	83.3% #E8A7F6	RGB 232 167 246	#E8A7F6
100.0%	100.0% #EFC2F9	RGB 239 194 249	#EFC2F9

#C72BEC #CE43EE #D45CF0 #DB75F2 #E18EF4 #E8A7F6 #EFC2F9

#C82CEC - #DB75F2 - #EFC2F9

CSS codes

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

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