#EA5EBC - #421A35 | 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 #EA5EBC to #421A35

#EA5EBC #421A35

Calculate the color between two colors, #EA5EBC and #421A35. 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)

#EA5EBC - #421A35 | 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 #EA5EBC as 0% and #421A35 as 100%.

0.0%	0.0% #EA5EBC	RGB 234 94 188	#EA5EBC
16.7%	16.7% #CE52A5	RGB 206 82 165	#CE52A5
33.3%	33.3% #B2478F	RGB 178 71 143	#B2478F
50.0%	50.0% #963C78	RGB 150 60 120	#963C78
66.7%	66.7% #7A3062	RGB 122 48 98	#7A3062
83.3%	83.3% #5E254B	RGB 94 37 75	#5E254B
100.0%	100.0% #421A35	RGB 66 26 53	#421A35

#EA5EBC #CE52A5 #B2478F #963C78 #7A3062 #5E254B #421A35

#EA5EBC - #421A35

HSV Blend

#EA5EBC - #421A35 | 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 #EA5EBC as 0% and #421A35 as 100%.

0.0%	0.0% #EA5EBB	RGB 234 94 187	#EA5EBB
16.7%	16.7% #CE52A5	RGB 206 82 165	#CE52A5
33.3%	33.3% #B2478E	RGB 178 71 142	#B2478E
50.0%	50.0% #963B78	RGB 150 59 120	#963B78
66.7%	66.7% #7A3061	RGB 122 48 97	#7A3061
83.3%	83.3% #5E254B	RGB 94 37 75	#5E254B
100.0%	100.0% #421A35	RGB 66 26 53	#421A35

#EA5EBB #CE52A5 #B2478E #963B78 #7A3061 #5E254B #421A35

#EA5EBC - #963B78 - #421A35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EA5EBB 0%, #963B78 50%, #421A35 100%);
    background: -webkit-linear-gradient(top, #EA5EBB 0%, #963B78 50%, #421A35 100%);
    background: linear-gradient(to bottom, #EA5EBB 0%, #963B78 50%, #421A35 100%);
}
</style>