#D9C7A2 - #96743E | 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 #D9C7A2 to #96743E

#D9C7A2 #96743E

Calculate the color between two colors, #D9C7A2 and #96743E. 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)

#D9C7A2 - #96743E | 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 #D9C7A2 as 0% and #96743E as 100%.

0.0%	0.0% #D9C7A2	RGB 217 199 162	#D9C7A2
16.7%	16.7% #CDB991	RGB 205 185 145	#CDB991
33.3%	33.3% #C2AB80	RGB 194 171 128	#C2AB80
50.0%	50.0% #B79D70	RGB 183 157 112	#B79D70
66.7%	66.7% #AC8F5F	RGB 172 143 95	#AC8F5F
83.3%	83.3% #A1814E	RGB 161 129 78	#A1814E
100.0%	100.0% #96743E	RGB 150 116 62	#96743E

#D9C7A2 #CDB991 #C2AB80 #B79D70 #AC8F5F #A1814E #96743E

#D9C7A2 - #96743E

HSV Blend

#D9C7A2 - #96743E | 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 #D9C7A2 as 0% and #96743E as 100%.

0.0%	0.0% #D9C7A2	RGB 217 199 162	#D9C7A2
16.7%	16.7% #CDB88E	RGB 205 184 142	#CDB88E
33.3%	33.3% #C2AA7B	RGB 194 170 123	#C2AA7B
50.0%	50.0% #B79B6A	RGB 183 155 106	#B79B6A
66.7%	66.7% #AC8E5A	RGB 172 142 90	#AC8E5A
83.3%	83.3% #A1804B	RGB 161 128 75	#A1804B
100.0%	100.0% #96743E	RGB 150 116 62	#96743E

#D9C7A2 #CDB88E #C2AA7B #B79B6A #AC8E5A #A1804B #96743E

#D9C7A2 - #B79B6A - #96743E

CSS codes

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

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