#BDB76B - #ECEAD4 | 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 #BDB76B to #ECEAD4

#BDB76B #ECEAD4

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

#BDB76B - #ECEAD4 | 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 #BDB76B as 0% and #ECEAD4 as 100%.

0.0%	0.0% #BDB76B	RGB 189 183 107	#BDB76B
16.7%	16.7% #C4BF7C	RGB 196 191 124	#C4BF7C
33.3%	33.3% #CCC88E	RGB 204 200 142	#CCC88E
50.0%	50.0% #D4D09F	RGB 212 208 159	#D4D09F
66.7%	66.7% #DCD9B1	RGB 220 217 177	#DCD9B1
83.3%	83.3% #E4E1C2	RGB 228 225 194	#E4E1C2
100.0%	100.0% #ECEAD4	RGB 236 234 212	#ECEAD4

#BDB76B #C4BF7C #CCC88E #D4D09F #DCD9B1 #E4E1C2 #ECEAD4

#BDB76B - #ECEAD4

HSV Blend

#BDB76B - #ECEAD4 | 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 #BDB76B as 0% and #ECEAD4 as 100%.

0.0%	0.0% #BDB76B	RGB 189 183 107	#BDB76B
16.7%	16.7% #C4BF7A	RGB 196 191 122	#C4BF7A
33.3%	33.3% #CCC78A	RGB 204 199 138	#CCC78A
50.0%	50.0% #D4D09B	RGB 212 208 155	#D4D09B
66.7%	66.7% #DCD8AD	RGB 220 216 173	#DCD8AD
83.3%	83.3% #E4E1C0	RGB 228 225 192	#E4E1C0
100.0%	100.0% #ECEAD4	RGB 236 234 212	#ECEAD4

#BDB76B #C4BF7A #CCC78A #D4D09B #DCD8AD #E4E1C0 #ECEAD4

#BDB76B - #D4D09B - #ECEAD4

CSS codes

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

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