#BDBD3D - #ECECC7 | 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 #BDBD3D to #ECECC7

#BDBD3D #ECECC7

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

#BDBD3D - #ECECC7 | 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 #BDBD3D as 0% and #ECECC7 as 100%.

0.0%	0.0% #BDBD3D	RGB 189 189 61	#BDBD3D
16.7%	16.7% #C4C454	RGB 196 196 84	#C4C454
33.3%	33.3% #CCCC6B	RGB 204 204 107	#CCCC6B
50.0%	50.0% #D4D482	RGB 212 212 130	#D4D482
66.7%	66.7% #DCDC99	RGB 220 220 153	#DCDC99
83.3%	83.3% #E4E4B0	RGB 228 228 176	#E4E4B0
100.0%	100.0% #ECECC7	RGB 236 236 199	#ECECC7

#BDBD3D #C4C454 #CCCC6B #D4D482 #DCDC99 #E4E4B0 #ECECC7

#BDBD3D - #ECECC7

HSV Blend

#BDBD3D - #ECECC7 | 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 #BDBD3D as 0% and #ECECC7 as 100%.

0.0%	0.0% #BDBD3D	RGB 189 189 61	#BDBD3D
16.7%	16.7% #C4C450	RGB 196 196 80	#C4C450
33.3%	33.3% #CCCC65	RGB 204 204 101	#CCCC65
50.0%	50.0% #D4D47B	RGB 212 212 123	#D4D47B
66.7%	66.7% #DCDC93	RGB 220 220 147	#DCDC93
83.3%	83.3% #E4E4AC	RGB 228 228 172	#E4E4AC
100.0%	100.0% #ECECC7	RGB 236 236 199	#ECECC7

#BDBD3D #C4C450 #CCCC65 #D4D47B #DCDC93 #E4E4AC #ECECC7

#BDBD3D - #D4D47B - #ECECC7

CSS codes

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

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