#EDA76C - #CF6122 | 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 #EDA76C to #CF6122

#EDA76C #CF6122

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

#EDA76C - #CF6122 | 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 #EDA76C as 0% and #CF6122 as 100%.

0.0%	0.0% #EDA76C	RGB 237 167 108	#EDA76C
16.7%	16.7% #E89B5F	RGB 232 155 95	#E89B5F
33.3%	33.3% #E38F53	RGB 227 143 83	#E38F53
50.0%	50.0% #DE8447	RGB 222 132 71	#DE8447
66.7%	66.7% #D9783A	RGB 217 120 58	#D9783A
83.3%	83.3% #D46C2E	RGB 212 108 46	#D46C2E
100.0%	100.0% #CF6122	RGB 207 97 34	#CF6122

#EDA76C #E89B5F #E38F53 #DE8447 #D9783A #D46C2E #CF6122

#EDA76C - #CF6122

HSV Blend

#EDA76C - #CF6122 | 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 #EDA76C as 0% and #CF6122 as 100%.

0.0%	0.0% #EDA76C	RGB 237 167 108	#EDA76C
16.7%	16.7% #E89B5E	RGB 232 155 94	#E89B5E
33.3%	33.3% #E38F51	RGB 227 143 81	#E38F51
50.0%	50.0% #DE8344	RGB 222 131 68	#DE8344
66.7%	66.7% #D97838	RGB 217 120 56	#D97838
83.3%	83.3% #D46C2D	RGB 212 108 45	#D46C2D
100.0%	100.0% #CF6122	RGB 207 97 34	#CF6122

#EDA76C #E89B5E #E38F51 #DE8344 #D97838 #D46C2D #CF6122

#EDA76C - #DE8344 - #CF6122

CSS codes

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

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