#962600 - #EBA247 | 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 #962600 to #EBA247

#962600 #EBA247

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

#962600 - #EBA247 | 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 #962600 as 0% and #EBA247 as 100%.

0.0%	0.0% #962600	RGB 150 38 0	#962600
16.7%	16.7% #A43A0B	RGB 164 58 11	#A43A0B
33.3%	33.3% #B24F17	RGB 178 79 23	#B24F17
50.0%	50.0% #C06423	RGB 192 100 35	#C06423
66.7%	66.7% #CE782F	RGB 206 120 47	#CE782F
83.3%	83.3% #DC8D3B	RGB 220 141 59	#DC8D3B
100.0%	100.0% #EBA247	RGB 235 162 71	#EBA247

#962600 #A43A0B #B24F17 #C06423 #CE782F #DC8D3B #EBA247

#962600 - #EBA247

HSV Blend

#962600 - #EBA247 | 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 #962600 as 0% and #EBA247 as 100%.

0.0%	0.0% #962600	RGB 150 38 0	#962600
16.7%	16.7% #A43708	RGB 164 55 8	#A43708
33.3%	33.3% #B24A11	RGB 178 74 17	#B24A11
50.0%	50.0% #C05F1D	RGB 192 95 29	#C05F1D
66.7%	66.7% #CE7429	RGB 206 116 41	#CE7429
83.3%	83.3% #DC8A37	RGB 220 138 55	#DC8A37
100.0%	100.0% #EBA247	RGB 235 162 71	#EBA247

#962600 #A43708 #B24A11 #C05F1D #CE7429 #DC8A37 #EBA247

#962600 - #C05F1D - #EBA247

CSS codes

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

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