#B6706B - #EAD5D4 | 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 #B6706B to #EAD5D4

#B6706B #EAD5D4

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

#B6706B - #EAD5D4 | 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 #B6706B as 0% and #EAD5D4 as 100%.

0.0%	0.0% #B6706B	RGB 182 112 107	#B6706B
16.7%	16.7% #BE807C	RGB 190 128 124	#BE807C
33.3%	33.3% #C7918E	RGB 199 145 142	#C7918E
50.0%	50.0% #D0A29F	RGB 208 162 159	#D0A29F
66.7%	66.7% #D8B3B1	RGB 216 179 177	#D8B3B1
83.3%	83.3% #E1C4C2	RGB 225 196 194	#E1C4C2
100.0%	100.0% #EAD5D4	RGB 234 213 212	#EAD5D4

#B6706B #BE807C #C7918E #D0A29F #D8B3B1 #E1C4C2 #EAD5D4

#B6706B - #EAD5D4

HSV Blend

#B6706B - #EAD5D4 | 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 #B6706B as 0% and #EAD5D4 as 100%.

0.0%	0.0% #B6706B	RGB 182 112 107	#B6706B
16.7%	16.7% #BE7E7A	RGB 190 126 122	#BE7E7A
33.3%	33.3% #C78D8A	RGB 199 141 138	#C78D8A
50.0%	50.0% #D09E9B	RGB 208 158 155	#D09E9B
66.7%	66.7% #D8AFAD	RGB 216 175 173	#D8AFAD
83.3%	83.3% #E1C1C0	RGB 225 193 192	#E1C1C0
100.0%	100.0% #EAD5D4	RGB 234 213 212	#EAD5D4

#B6706B #BE7E7A #C78D8A #D09E9B #D8AFAD #E1C1C0 #EAD5D4

#B6706B - #D09E9B - #EAD5D4

CSS codes

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

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