#EB6E4D - #BC2C14 | 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 #EB6E4D to #BC2C14

#EB6E4D #BC2C14

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

#EB6E4D - #BC2C14 | 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 #EB6E4D as 0% and #BC2C14 as 100%.

0.0%	0.0% #EB6E4D	RGB 235 110 77	#EB6E4D
16.7%	16.7% #E36343	RGB 227 99 67	#E36343
33.3%	33.3% #DB583A	RGB 219 88 58	#DB583A
50.0%	50.0% #D34D30	RGB 211 77 48	#D34D30
66.7%	66.7% #CB4227	RGB 203 66 39	#CB4227
83.3%	83.3% #C3371D	RGB 195 55 29	#C3371D
100.0%	100.0% #BC2C14	RGB 188 44 20	#BC2C14

#EB6E4D #E36343 #DB583A #D34D30 #CB4227 #C3371D #BC2C14

#EB6E4D - #BC2C14

HSV Blend

#EB6E4D - #BC2C14 | 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 #EB6E4D as 0% and #BC2C14 as 100%.

0.0%	0.0% #EB6E4C	RGB 235 110 76	#EB6E4C
16.7%	16.7% #E36142	RGB 227 97 66	#E36142
33.3%	33.3% #DB5637	RGB 219 86 55	#DB5637
50.0%	50.0% #D34B2D	RGB 211 75 45	#D34B2D
66.7%	66.7% #CB4024	RGB 203 64 36	#CB4024
83.3%	83.3% #C3351C	RGB 195 53 28	#C3351C
100.0%	100.0% #BC2C14	RGB 188 44 20	#BC2C14

#EB6E4C #E36142 #DB5637 #D34B2D #CB4024 #C3351C #BC2C14

#EB6E4D - #D34B2D - #BC2C14

CSS codes

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

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