#EC8C5E - #C8451B | 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 #EC8C5E to #C8451B

#EC8C5E #C8451B

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

#EC8C5E - #C8451B | 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 #EC8C5E as 0% and #C8451B as 100%.

0.0%	0.0% #EC8C5E	RGB 236 140 94	#EC8C5E
16.7%	16.7% #E68052	RGB 230 128 82	#E68052
33.3%	33.3% #E07447	RGB 224 116 71	#E07447
50.0%	50.0% #DA683C	RGB 218 104 60	#DA683C
66.7%	66.7% #D45C31	RGB 212 92 49	#D45C31
83.3%	83.3% #CE5026	RGB 206 80 38	#CE5026
100.0%	100.0% #C8451B	RGB 200 69 27	#C8451B

#EC8C5E #E68052 #E07447 #DA683C #D45C31 #CE5026 #C8451B

#EC8C5E - #C8451B

HSV Blend

#EC8C5E - #C8451B | 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 #EC8C5E as 0% and #C8451B as 100%.

0.0%	0.0% #EC8C5E	RGB 236 140 94	#EC8C5E
16.7%	16.7% #E67F51	RGB 230 127 81	#E67F51
33.3%	33.3% #E07345	RGB 224 115 69	#E07345
50.0%	50.0% #DA673A	RGB 218 103 58	#DA673A
66.7%	66.7% #D45B2F	RGB 212 91 47	#D45B2F
83.3%	83.3% #CE5024	RGB 206 80 36	#CE5024
100.0%	100.0% #C8451B	RGB 200 69 27	#C8451B

#EC8C5E #E67F51 #E07345 #DA673A #D45B2F #CE5024 #C8451B

#EC8C5E - #DA673A - #C8451B

CSS codes

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

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