#EB5E75 - #9F1131 | 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 #EB5E75 to #9F1131

#EB5E75 #9F1131

Calculate the color between two colors, #EB5E75 and #9F1131. 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)

#EB5E75 - #9F1131 | 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 #EB5E75 as 0% and #9F1131 as 100%.

0.0%	0.0% #EB5E75	RGB 235 94 117	#EB5E75
16.7%	16.7% #DE5169	RGB 222 81 105	#DE5169
33.3%	33.3% #D1445E	RGB 209 68 94	#D1445E
50.0%	50.0% #C53753	RGB 197 55 83	#C53753
66.7%	66.7% #B82A47	RGB 184 42 71	#B82A47
83.3%	83.3% #AB1D3C	RGB 171 29 60	#AB1D3C
100.0%	100.0% #9F1131	RGB 159 17 49	#9F1131

#EB5E75 #DE5169 #D1445E #C53753 #B82A47 #AB1D3C #9F1131

#EB5E75 - #9F1131

HSV Blend

#EB5E75 - #9F1131 | 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 #EB5E75 as 0% and #9F1131 as 100%.

0.0%	0.0% #EB5E74	RGB 235 94 116	#EB5E74
16.7%	16.7% #DE4E67	RGB 222 78 103	#DE4E67
33.3%	33.3% #D13F5A	RGB 209 63 90	#D13F5A
50.0%	50.0% #C5314E	RGB 197 49 78	#C5314E
66.7%	66.7% #B82543	RGB 184 37 67	#B82543
83.3%	83.3% #AB1A39	RGB 171 26 57	#AB1A39
100.0%	100.0% #9F1131	RGB 159 17 49	#9F1131

#EB5E74 #DE4E67 #D13F5A #C5314E #B82543 #AB1A39 #9F1131

#EB5E75 - #C5314E - #9F1131

CSS codes

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

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