#EA5E6A - #CB1A3E | 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 #EA5E6A to #CB1A3E

#EA5E6A #CB1A3E

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

#EA5E6A - #CB1A3E | 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 #EA5E6A as 0% and #CB1A3E as 100%.

0.0%	0.0% #EA5E6A	RGB 234 94 106	#EA5E6A
16.7%	16.7% #E45262	RGB 228 82 98	#E45262
33.3%	33.3% #DF475B	RGB 223 71 91	#DF475B
50.0%	50.0% #DA3C54	RGB 218 60 84	#DA3C54
66.7%	66.7% #D5304C	RGB 213 48 76	#D5304C
83.3%	83.3% #D02545	RGB 208 37 69	#D02545
100.0%	100.0% #CB1A3E	RGB 203 26 62	#CB1A3E

#EA5E6A #E45262 #DF475B #DA3C54 #D5304C #D02545 #CB1A3E

#EA5E6A - #CB1A3E

HSV Blend

#EA5E6A - #CB1A3E | 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 #EA5E6A as 0% and #CB1A3E as 100%.

0.0%	0.0% #EA5E6A	RGB 234 94 106	#EA5E6A
16.7%	16.7% #E45161	RGB 228 81 97	#E45161
33.3%	33.3% #DF4558	RGB 223 69 88	#DF4558
50.0%	50.0% #DA3951	RGB 218 57 81	#DA3951
66.7%	66.7% #D52E4A	RGB 213 46 74	#D52E4A
83.3%	83.3% #D02443	RGB 208 36 67	#D02443
100.0%	100.0% #CB1A3E	RGB 203 26 62	#CB1A3E

#EA5E6A #E45161 #DF4558 #DA3951 #D52E4A #D02443 #CB1A3E

#EA5E6A - #DA3951 - #CB1A3E

CSS codes

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

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