#EC9F5B - #CB5A19 | 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 #EC9F5B to #CB5A19

#EC9F5B #CB5A19

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

#EC9F5B - #CB5A19 | 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 #EC9F5B as 0% and #CB5A19 as 100%.

0.0%	0.0% #EC9F5B	RGB 236 159 91	#EC9F5B
16.7%	16.7% #E69350	RGB 230 147 80	#E69350
33.3%	33.3% #E18845	RGB 225 136 69	#E18845
50.0%	50.0% #DB7C3A	RGB 219 124 58	#DB7C3A
66.7%	66.7% #D6712F	RGB 214 113 47	#D6712F
83.3%	83.3% #D06524	RGB 208 101 36	#D06524
100.0%	100.0% #CB5A19	RGB 203 90 25	#CB5A19

#EC9F5B #E69350 #E18845 #DB7C3A #D6712F #D06524 #CB5A19

#EC9F5B - #CB5A19

HSV Blend

#EC9F5B - #CB5A19 | 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 #EC9F5B as 0% and #CB5A19 as 100%.

0.0%	0.0% #EC9F5A	RGB 236 159 90	#EC9F5A
16.7%	16.7% #E6934E	RGB 230 147 78	#E6934E
33.3%	33.3% #E18743	RGB 225 135 67	#E18743
50.0%	50.0% #DB7C37	RGB 219 124 55	#DB7C37
66.7%	66.7% #D6702D	RGB 214 112 45	#D6702D
83.3%	83.3% #D06522	RGB 208 101 34	#D06522
100.0%	100.0% #CB5A19	RGB 203 90 25	#CB5A19

#EC9F5A #E6934E #E18743 #DB7C37 #D6702D #D06522 #CB5A19

#EC9F5B - #DB7C37 - #CB5A19

CSS codes

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

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