#C957EC - #EFCFF9 | 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 #C957EC to #EFCFF9

#C957EC #EFCFF9

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

#C957EC - #EFCFF9 | 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 #C957EC as 0% and #EFCFF9 as 100%.

0.0%	0.0% #C957EC	RGB 201 87 236	#C957EC
16.7%	16.7% #CF6BEE	RGB 207 107 238	#CF6BEE
33.3%	33.3% #D57FF0	RGB 213 127 240	#D57FF0
50.0%	50.0% #DC93F2	RGB 220 147 242	#DC93F2
66.7%	66.7% #E2A7F4	RGB 226 167 244	#E2A7F4
83.3%	83.3% #E8BBF6	RGB 232 187 246	#E8BBF6
100.0%	100.0% #EFCFF9	RGB 239 207 249	#EFCFF9

#C957EC #CF6BEE #D57FF0 #DC93F2 #E2A7F4 #E8BBF6 #EFCFF9

#C957EC - #EFCFF9

HSV Blend

#C957EC - #EFCFF9 | 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 #C957EC as 0% and #EFCFF9 as 100%.

0.0%	0.0% #C957EC	RGB 201 87 236	#C957EC
16.7%	16.7% #CF6AEE	RGB 207 106 238	#CF6AEE
33.3%	33.3% #D57DF0	RGB 213 125 240	#D57DF0
50.0%	50.0% #DB91F2	RGB 219 145 242	#DB91F2
66.7%	66.7% #E1A5F4	RGB 225 165 244	#E1A5F4
83.3%	83.3% #E8BAF6	RGB 232 186 246	#E8BAF6
100.0%	100.0% #EFCFF9	RGB 239 207 249	#EFCFF9

#C957EC #CF6AEE #D57DF0 #DB91F2 #E1A5F4 #E8BAF6 #EFCFF9

#C957EC - #DB91F2 - #EFCFF9

CSS codes

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

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