#EB6B72 - #A21D2E | 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 #EB6B72 to #A21D2E

#EB6B72 #A21D2E

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

#EB6B72 - #A21D2E | 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 #EB6B72 as 0% and #A21D2E as 100%.

0.0%	0.0% #EB6B72	RGB 235 107 114	#EB6B72
16.7%	16.7% #DE5E66	RGB 222 94 102	#DE5E66
33.3%	33.3% #D2515B	RGB 210 81 91	#D2515B
50.0%	50.0% #C64450	RGB 198 68 80	#C64450
66.7%	66.7% #BA3744	RGB 186 55 68	#BA3744
83.3%	83.3% #AE2A39	RGB 174 42 57	#AE2A39
100.0%	100.0% #A21D2E	RGB 162 29 46	#A21D2E

#EB6B72 #DE5E66 #D2515B #C64450 #BA3744 #AE2A39 #A21D2E

#EB6B72 - #A21D2E

HSV Blend

#EB6B72 - #A21D2E | 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 #EB6B72 as 0% and #A21D2E as 100%.

0.0%	0.0% #EB6B71	RGB 235 107 113	#EB6B71
16.7%	16.7% #DE5B64	RGB 222 91 100	#DE5B64
33.3%	33.3% #D24C57	RGB 210 76 87	#D24C57
50.0%	50.0% #C63E4B	RGB 198 62 75	#C63E4B
66.7%	66.7% #BA3240	RGB 186 50 64	#BA3240
83.3%	83.3% #AE2736	RGB 174 39 54	#AE2736
100.0%	100.0% #A21D2E	RGB 162 29 46	#A21D2E

#EB6B71 #DE5B64 #D24C57 #C63E4B #BA3240 #AE2736 #A21D2E

#EB6B72 - #C63E4B - #A21D2E

CSS codes

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

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