#E06BFD - #C121DB | 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 #E06BFD to #C121DB

#E06BFD #C121DB

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

#E06BFD - #C121DB | 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 #E06BFD as 0% and #C121DB as 100%.

0.0%	0.0% #E06BFD	RGB 224 107 253	#E06BFD
16.7%	16.7% #DA5EF7	RGB 218 94 247	#DA5EF7
33.3%	33.3% #D552F1	RGB 213 82 241	#D552F1
50.0%	50.0% #D046EC	RGB 208 70 236	#D046EC
66.7%	66.7% #CB39E6	RGB 203 57 230	#CB39E6
83.3%	83.3% #C62DE0	RGB 198 45 224	#C62DE0
100.0%	100.0% #C121DB	RGB 193 33 219	#C121DB

#E06BFD #DA5EF7 #D552F1 #D046EC #CB39E6 #C62DE0 #C121DB

#E06BFD - #C121DB

HSV Blend

#E06BFD - #C121DB | 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 #E06BFD as 0% and #C121DB as 100%.

0.0%	0.0% #E06BFD	RGB 224 107 253	#E06BFD
16.7%	16.7% #DA5DF7	RGB 218 93 247	#DA5DF7
33.3%	33.3% #D450F1	RGB 212 80 241	#D450F1
50.0%	50.0% #CF43EC	RGB 207 67 236	#CF43EC
66.7%	66.7% #CA37E6	RGB 202 55 230	#CA37E6
83.3%	83.3% #C52CE0	RGB 197 44 224	#C52CE0
100.0%	100.0% #C121DB	RGB 193 33 219	#C121DB

#E06BFD #DA5DF7 #D450F1 #CF43EC #CA37E6 #C52CE0 #C121DB

#E06BFD - #CF43EC - #C121DB

CSS codes

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

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