#6B5A00 - #E29A17 | 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 #6B5A00 to #E29A17

#6B5A00 #E29A17

Calculate the color between two colors, #6B5A00 and #E29A17. 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)

#6B5A00 - #E29A17 | 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 #6B5A00 as 0% and #E29A17 as 100%.

0.0%	0.0% #6B5A00	RGB 107 90 0	#6B5A00
16.7%	16.7% #7E6403	RGB 126 100 3	#7E6403
33.3%	33.3% #926F07	RGB 146 111 7	#926F07
50.0%	50.0% #A67A0B	RGB 166 122 11	#A67A0B
66.7%	66.7% #BA840F	RGB 186 132 15	#BA840F
83.3%	83.3% #CE8F13	RGB 206 143 19	#CE8F13
100.0%	100.0% #E29A17	RGB 226 154 23	#E29A17

#6B5A00 #7E6403 #926F07 #A67A0B #BA840F #CE8F13 #E29A17

#6B5A00 - #E29A17

HSV Blend

#6B5A00 - #E29A17 | 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 #6B5A00 as 0% and #E29A17 as 100%.

0.0%	0.0% #6B5A00	RGB 107 90 0	#6B5A00
16.7%	16.7% #7E6602	RGB 126 102 2	#7E6602
33.3%	33.3% #927204	RGB 146 114 4	#927204
50.0%	50.0% #A67D08	RGB 166 125 8	#A67D08
66.7%	66.7% #BA880C	RGB 186 136 12	#BA880C
83.3%	83.3% #CE9111	RGB 206 145 17	#CE9111
100.0%	100.0% #E29A17	RGB 226 154 23	#E29A17

#6B5A00 #7E6602 #927204 #A67D08 #BA880C #CE9111 #E29A17

#6B5A00 - #A67D08 - #E29A17

CSS codes

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

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