#A66300 - #652F0C | 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 #A66300 to #652F0C

#A66300 #652F0C

Calculate the color between two colors, #A66300 and #652F0C. 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)

#A66300 - #652F0C | 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 #A66300 as 0% and #652F0C as 100%.

0.0%	0.0% #A66300	RGB 166 99 0	#A66300
16.7%	16.7% #9B5A02	RGB 155 90 2	#9B5A02
33.3%	33.3% #905104	RGB 144 81 4	#905104
50.0%	50.0% #854906	RGB 133 73 6	#854906
66.7%	66.7% #7A4008	RGB 122 64 8	#7A4008
83.3%	83.3% #6F370A	RGB 111 55 10	#6F370A
100.0%	100.0% #652F0C	RGB 101 47 12	#652F0C

#A66300 #9B5A02 #905104 #854906 #7A4008 #6F370A #652F0C

#A66300 - #652F0C

HSV Blend

#A66300 - #652F0C | 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 #A66300 as 0% and #652F0C as 100%.

0.0%	0.0% #A66300	RGB 166 99 0	#A66300
16.7%	16.7% #9B5803	RGB 155 88 3	#9B5803
33.3%	33.3% #904E05	RGB 144 78 5	#904E05
50.0%	50.0% #854607	RGB 133 70 7	#854607
66.7%	66.7% #7A3D09	RGB 122 61 9	#7A3D09
83.3%	83.3% #6F360B	RGB 111 54 11	#6F360B
100.0%	100.0% #652F0C	RGB 101 47 12	#652F0C

#A66300 #9B5803 #904E05 #854607 #7A3D09 #6F360B #652F0C

#A66300 - #854607 - #652F0C

CSS codes

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

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