#AD916B - #E7DFD4 | 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 #AD916B to #E7DFD4

#AD916B #E7DFD4

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

#AD916B - #E7DFD4 | 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 #AD916B as 0% and #E7DFD4 as 100%.

0.0%	0.0% #AD916B	RGB 173 145 107	#AD916B
16.7%	16.7% #B69E7C	RGB 182 158 124	#B69E7C
33.3%	33.3% #C0AB8E	RGB 192 171 142	#C0AB8E
50.0%	50.0% #CAB89F	RGB 202 184 159	#CAB89F
66.7%	66.7% #D3C5B1	RGB 211 197 177	#D3C5B1
83.3%	83.3% #DDD2C2	RGB 221 210 194	#DDD2C2
100.0%	100.0% #E7DFD4	RGB 231 223 212	#E7DFD4

#AD916B #B69E7C #C0AB8E #CAB89F #D3C5B1 #DDD2C2 #E7DFD4

#AD916B - #E7DFD4

HSV Blend

#AD916B - #E7DFD4 | 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 #AD916B as 0% and #E7DFD4 as 100%.

0.0%	0.0% #AD916B	RGB 173 145 107	#AD916B
16.7%	16.7% #B69C7A	RGB 182 156 122	#B69C7A
33.3%	33.3% #C0A98A	RGB 192 169 138	#C0A98A
50.0%	50.0% #CAB69B	RGB 202 182 155	#CAB69B
66.7%	66.7% #D3C3AD	RGB 211 195 173	#D3C3AD
83.3%	83.3% #DDD1C0	RGB 221 209 192	#DDD1C0
100.0%	100.0% #E7DFD4	RGB 231 223 212	#E7DFD4

#AD916B #B69C7A #C0A98A #CAB69B #D3C3AD #DDD1C0 #E7DFD4

#AD916B - #CAB69B - #E7DFD4

CSS codes

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

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