#AD5E00 - #692D0C | 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 #AD5E00 to #692D0C

#AD5E00 #692D0C

Calculate the color between two colors, #AD5E00 and #692D0C. 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)

#AD5E00 - #692D0C | 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 #AD5E00 as 0% and #692D0C as 100%.

0.0%	0.0% #AD5E00	RGB 173 94 0	#AD5E00
16.7%	16.7% #A15502	RGB 161 85 2	#A15502
33.3%	33.3% #964D04	RGB 150 77 4	#964D04
50.0%	50.0% #8B4506	RGB 139 69 6	#8B4506
66.7%	66.7% #7F3D08	RGB 127 61 8	#7F3D08
83.3%	83.3% #74350A	RGB 116 53 10	#74350A
100.0%	100.0% #692D0C	RGB 105 45 12	#692D0C

#AD5E00 #A15502 #964D04 #8B4506 #7F3D08 #74350A #692D0C

#AD5E00 - #692D0C

HSV Blend

#AD5E00 - #692D0C | 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 #AD5E00 as 0% and #692D0C as 100%.

0.0%	0.0% #AD5E00	RGB 173 94 0	#AD5E00
16.7%	16.7% #A15403	RGB 161 84 3	#A15403
33.3%	33.3% #964B05	RGB 150 75 5	#964B05
50.0%	50.0% #8B4207	RGB 139 66 7	#8B4207
66.7%	66.7% #7F3A09	RGB 127 58 9	#7F3A09
83.3%	83.3% #74330B	RGB 116 51 11	#74330B
100.0%	100.0% #692D0C	RGB 105 45 12	#692D0C

#AD5E00 #A15403 #964B05 #8B4207 #7F3A09 #74330B #692D0C

#AD5E00 - #8B4207 - #692D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD5E00 0%, #8B4207 50%, #692D0C 100%);
    background: -webkit-linear-gradient(top, #AD5E00 0%, #8B4207 50%, #692D0C 100%);
    background: linear-gradient(to bottom, #AD5E00 0%, #8B4207 50%, #692D0C 100%);
}
</style>