#C62AF9 - #EEC2FD | 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 #C62AF9 to #EEC2FD

#C62AF9 #EEC2FD

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

#C62AF9 - #EEC2FD | 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 #C62AF9 as 0% and #EEC2FD as 100%.

0.0%	0.0% #C62AF9	RGB 198 42 249	#C62AF9
16.7%	16.7% #CC43F9	RGB 204 67 249	#CC43F9
33.3%	33.3% #D35CFA	RGB 211 92 250	#D35CFA
50.0%	50.0% #DA76FB	RGB 218 118 251	#DA76FB
66.7%	66.7% #E08FFB	RGB 224 143 251	#E08FFB
83.3%	83.3% #E7A8FC	RGB 231 168 252	#E7A8FC
100.0%	100.0% #EEC2FD	RGB 238 194 253	#EEC2FD

#C62AF9 #CC43F9 #D35CFA #DA76FB #E08FFB #E7A8FC #EEC2FD

#C62AF9 - #EEC2FD

HSV Blend

#C62AF9 - #EEC2FD | 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 #C62AF9 as 0% and #EEC2FD as 100%.

0.0%	0.0% #C62AF9	RGB 198 42 249	#C62AF9
16.7%	16.7% #CC43F9	RGB 204 67 249	#CC43F9
33.3%	33.3% #D25CFA	RGB 210 92 250	#D25CFA
50.0%	50.0% #D975FB	RGB 217 117 251	#D975FB
66.7%	66.7% #E08EFB	RGB 224 142 251	#E08EFB
83.3%	83.3% #E7A8FC	RGB 231 168 252	#E7A8FC
100.0%	100.0% #EEC2FD	RGB 238 194 253	#EEC2FD

#C62AF9 #CC43F9 #D25CFA #D975FB #E08EFB #E7A8FC #EEC2FD

#C62AF9 - #D975FB - #EEC2FD

CSS codes

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

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