#D08B5E - #A8481A | 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 #D08B5E to #A8481A

#D08B5E #A8481A

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

#D08B5E - #A8481A | 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 #D08B5E as 0% and #A8481A as 100%.

0.0%	0.0% #D08B5E	RGB 208 139 94	#D08B5E
16.7%	16.7% #C97F52	RGB 201 127 82	#C97F52
33.3%	33.3% #C27447	RGB 194 116 71	#C27447
50.0%	50.0% #BC693C	RGB 188 105 60	#BC693C
66.7%	66.7% #B55E30	RGB 181 94 48	#B55E30
83.3%	83.3% #AE5325	RGB 174 83 37	#AE5325
100.0%	100.0% #A8481A	RGB 168 72 26	#A8481A

#D08B5E #C97F52 #C27447 #BC693C #B55E30 #AE5325 #A8481A

#D08B5E - #A8481A

HSV Blend

#D08B5E - #A8481A | 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 #D08B5E as 0% and #A8481A as 100%.

0.0%	0.0% #D08B5E	RGB 208 139 94	#D08B5E
16.7%	16.7% #C97F51	RGB 201 127 81	#C97F51
33.3%	33.3% #C27344	RGB 194 115 68	#C27344
50.0%	50.0% #BC6839	RGB 188 104 57	#BC6839
66.7%	66.7% #B55D2E	RGB 181 93 46	#B55D2E
83.3%	83.3% #AE5223	RGB 174 82 35	#AE5223
100.0%	100.0% #A8481A	RGB 168 72 26	#A8481A

#D08B5E #C97F51 #C27344 #BC6839 #B55D2E #AE5223 #A8481A

#D08B5E - #BC6839 - #A8481A

CSS codes

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

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