#D9A8A0 - #B7514B | 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 #D9A8A0 to #B7514B

#D9A8A0 #B7514B

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

#D9A8A0 - #B7514B | 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 #D9A8A0 as 0% and #B7514B as 100%.

0.0%	0.0% #D9A8A0	RGB 217 168 160	#D9A8A0
16.7%	16.7% #D39991	RGB 211 153 145	#D39991
33.3%	33.3% #CD8B83	RGB 205 139 131	#CD8B83
50.0%	50.0% #C87C75	RGB 200 124 117	#C87C75
66.7%	66.7% #C26E67	RGB 194 110 103	#C26E67
83.3%	83.3% #BC5F59	RGB 188 95 89	#BC5F59
100.0%	100.0% #B7514B	RGB 183 81 75	#B7514B

#D9A8A0 #D39991 #CD8B83 #C87C75 #C26E67 #BC5F59 #B7514B

#D9A8A0 - #B7514B

HSV Blend

#D9A8A0 - #B7514B | 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 #D9A8A0 as 0% and #B7514B as 100%.

0.0%	0.0% #D9A8A0	RGB 217 168 160	#D9A8A0
16.7%	16.7% #D39890	RGB 211 152 144	#D39890
33.3%	33.3% #CD8981	RGB 205 137 129	#CD8981
50.0%	50.0% #C87B72	RGB 200 123 114	#C87B72
66.7%	66.7% #C26C64	RGB 194 108 100	#C26C64
83.3%	83.3% #BC5E57	RGB 188 94 87	#BC5E57
100.0%	100.0% #B7514B	RGB 183 81 75	#B7514B

#D9A8A0 #D39890 #CD8981 #C87B72 #C26C64 #BC5E57 #B7514B

#D9A8A0 - #C87B72 - #B7514B

CSS codes

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

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