#C96CC7 - #EB8DFF | 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 #C96CC7 to #EB8DFF

#C96CC7 #EB8DFF

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

#C96CC7 - #EB8DFF | 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 #C96CC7 as 0% and #EB8DFF as 100%.

0.0%	0.0% #C96CC7	RGB 201 108 199	#C96CC7
16.7%	16.7% #CE71D0	RGB 206 113 208	#CE71D0
33.3%	33.3% #D477D9	RGB 212 119 217	#D477D9
50.0%	50.0% #DA7CE3	RGB 218 124 227	#DA7CE3
66.7%	66.7% #DF82EC	RGB 223 130 236	#DF82EC
83.3%	83.3% #E587F5	RGB 229 135 245	#E587F5
100.0%	100.0% #EB8DFF	RGB 235 141 255	#EB8DFF

#C96CC7 #CE71D0 #D477D9 #DA7CE3 #DF82EC #E587F5 #EB8DFF

#C96CC7 - #EB8DFF

HSV Blend

#C96CC7 - #EB8DFF | 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 #C96CC7 as 0% and #EB8DFF as 100%.

0.0%	0.0% #C96CC7	RGB 201 108 199	#C96CC7
16.7%	16.7% #D071D2	RGB 208 113 210	#D071D2
33.3%	33.3% #D676DB	RGB 214 118 219	#D676DB
50.0%	50.0% #DC7CE4	RGB 220 124 228	#DC7CE4
66.7%	66.7% #E181ED	RGB 225 129 237	#E181ED
83.3%	83.3% #E687F6	RGB 230 135 246	#E687F6
100.0%	100.0% #EB8DFF	RGB 235 141 255	#EB8DFF

#C96CC7 #D071D2 #D676DB #DC7CE4 #E181ED #E687F6 #EB8DFF

#C96CC7 - #DC7CE4 - #EB8DFF

CSS codes

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

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