#C64CF6 - #EECBFC | 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 #C64CF6 to #EECBFC

#C64CF6 #EECBFC

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

#C64CF6 - #EECBFC | 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 #C64CF6 as 0% and #EECBFC as 100%.

0.0%	0.0% #C64CF6	RGB 198 76 246	#C64CF6
16.7%	16.7% #CC61F7	RGB 204 97 247	#CC61F7
33.3%	33.3% #D376F8	RGB 211 118 248	#D376F8
50.0%	50.0% #DA8BF9	RGB 218 139 249	#DA8BF9
66.7%	66.7% #E0A0FA	RGB 224 160 250	#E0A0FA
83.3%	83.3% #E7B5FB	RGB 231 181 251	#E7B5FB
100.0%	100.0% #EECBFC	RGB 238 203 252	#EECBFC

#C64CF6 #CC61F7 #D376F8 #DA8BF9 #E0A0FA #E7B5FB #EECBFC

#C64CF6 - #EECBFC

HSV Blend

#C64CF6 - #EECBFC | 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 #C64CF6 as 0% and #EECBFC as 100%.

0.0%	0.0% #C54CF6	RGB 197 76 246	#C54CF6
16.7%	16.7% #CC60F7	RGB 204 96 247	#CC60F7
33.3%	33.3% #D375F8	RGB 211 117 248	#D375F8
50.0%	50.0% #D98AF9	RGB 217 138 249	#D98AF9
66.7%	66.7% #E0A0FA	RGB 224 160 250	#E0A0FA
83.3%	83.3% #E7B5FB	RGB 231 181 251	#E7B5FB
100.0%	100.0% #EECBFC	RGB 238 203 252	#EECBFC

#C54CF6 #CC60F7 #D375F8 #D98AF9 #E0A0FA #E7B5FB #EECBFC

#C64CF6 - #D98AF9 - #EECBFC

CSS codes

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

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