#B6B06B - #EAE8D4 | 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 #B6B06B to #EAE8D4

#B6B06B #EAE8D4

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

#B6B06B - #EAE8D4 | 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 #B6B06B as 0% and #EAE8D4 as 100%.

0.0%	0.0% #B6B06B	RGB 182 176 107	#B6B06B
16.7%	16.7% #BEB97C	RGB 190 185 124	#BEB97C
33.3%	33.3% #C7C28E	RGB 199 194 142	#C7C28E
50.0%	50.0% #D0CC9F	RGB 208 204 159	#D0CC9F
66.7%	66.7% #D8D5B1	RGB 216 213 177	#D8D5B1
83.3%	83.3% #E1DEC2	RGB 225 222 194	#E1DEC2
100.0%	100.0% #EAE8D4	RGB 234 232 212	#EAE8D4

#B6B06B #BEB97C #C7C28E #D0CC9F #D8D5B1 #E1DEC2 #EAE8D4

#B6B06B - #EAE8D4

HSV Blend

#B6B06B - #EAE8D4 | 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 #B6B06B as 0% and #EAE8D4 as 100%.

0.0%	0.0% #B6B06B	RGB 182 176 107	#B6B06B
16.7%	16.7% #BEB97A	RGB 190 185 122	#BEB97A
33.3%	33.3% #C7C28A	RGB 199 194 138	#C7C28A
50.0%	50.0% #D0CB9B	RGB 208 203 155	#D0CB9B
66.7%	66.7% #D8D4AD	RGB 216 212 173	#D8D4AD
83.3%	83.3% #E1DEC0	RGB 225 222 192	#E1DEC0
100.0%	100.0% #EAE8D4	RGB 234 232 212	#EAE8D4

#B6B06B #BEB97A #C7C28A #D0CB9B #D8D4AD #E1DEC0 #EAE8D4

#B6B06B - #D0CB9B - #EAE8D4

CSS codes

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

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