#7D4A00 - #D9CBB6 | 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 #7D4A00 to #D9CBB6

#7D4A00 #D9CBB6

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

#7D4A00 - #D9CBB6 | 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 #7D4A00 as 0% and #D9CBB6 as 100%.

0.0%	0.0% #7D4A00	RGB 125 74 0	#7D4A00
16.7%	16.7% #8C5F1E	RGB 140 95 30	#8C5F1E
33.3%	33.3% #9B753C	RGB 155 117 60	#9B753C
50.0%	50.0% #AB8A5B	RGB 171 138 91	#AB8A5B
66.7%	66.7% #BAA079	RGB 186 160 121	#BAA079
83.3%	83.3% #C9B597	RGB 201 181 151	#C9B597
100.0%	100.0% #D9CBB6	RGB 217 203 182	#D9CBB6

#7D4A00 #8C5F1E #9B753C #AB8A5B #BAA079 #C9B597 #D9CBB6

#7D4A00 - #D9CBB6

HSV Blend

#7D4A00 - #D9CBB6 | 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 #7D4A00 as 0% and #D9CBB6 as 100%.

0.0%	0.0% #7D4A00	RGB 125 74 0	#7D4A00
16.7%	16.7% #8C5B13	RGB 140 91 19	#8C5B13
33.3%	33.3% #9B6E2B	RGB 155 110 43	#9B6E2B
50.0%	50.0% #AB8247	RGB 171 130 71	#AB8247
66.7%	66.7% #BA9968	RGB 186 153 104	#BA9968
83.3%	83.3% #C9B18C	RGB 201 177 140	#C9B18C
100.0%	100.0% #D9CBB6	RGB 217 203 182	#D9CBB6

#7D4A00 #8C5B13 #9B6E2B #AB8247 #BA9968 #C9B18C #D9CBB6

#7D4A00 - #AB8247 - #D9CBB6

CSS codes

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

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