#EB6AE0 - #C121AA | 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 #EB6AE0 to #C121AA

#EB6AE0 #C121AA

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

#EB6AE0 - #C121AA | 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 #EB6AE0 as 0% and #C121AA as 100%.

0.0%	0.0% #EB6AE0	RGB 235 106 224	#EB6AE0
16.7%	16.7% #E45DD7	RGB 228 93 215	#E45DD7
33.3%	33.3% #DD51CE	RGB 221 81 206	#DD51CE
50.0%	50.0% #D645C5	RGB 214 69 197	#D645C5
66.7%	66.7% #CF39BC	RGB 207 57 188	#CF39BC
83.3%	83.3% #C82DB3	RGB 200 45 179	#C82DB3
100.0%	100.0% #C121AA	RGB 193 33 170	#C121AA

#EB6AE0 #E45DD7 #DD51CE #D645C5 #CF39BC #C82DB3 #C121AA

#EB6AE0 - #C121AA

HSV Blend

#EB6AE0 - #C121AA | 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 #EB6AE0 as 0% and #C121AA as 100%.

0.0%	0.0% #EB6AE0	RGB 235 106 224	#EB6AE0
16.7%	16.7% #E45CD7	RGB 228 92 215	#E45CD7
33.3%	33.3% #DD4FCE	RGB 221 79 206	#DD4FCE
50.0%	50.0% #D642C5	RGB 214 66 197	#D642C5
66.7%	66.7% #CF36BC	RGB 207 54 188	#CF36BC
83.3%	83.3% #C82BB3	RGB 200 43 179	#C82BB3
100.0%	100.0% #C121AA	RGB 193 33 170	#C121AA

#EB6AE0 #E45CD7 #DD4FCE #D642C5 #CF36BC #C82BB3 #C121AA

#EB6AE0 - #D642C5 - #C121AA

CSS codes

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

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