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

#BDBE3E #ECECC7

Calculate the color between two colors, #BDBE3E 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)

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

0.0%	0.0% #BDBE3E	RGB 189 190 62	#BDBE3E
16.7%	16.7% #C4C554	RGB 196 197 84	#C4C554
33.3%	33.3% #CCCD6B	RGB 204 205 107	#CCCD6B
50.0%	50.0% #D4D582	RGB 212 213 130	#D4D582
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

#BDBE3E #C4C554 #CCCD6B #D4D582 #DCDC99 #E4E4B0 #ECECC7

#BDBE3E - #ECECC7

HSV Blend

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

0.0%	0.0% #BDBE3E	RGB 189 190 62	#BDBE3E
16.7%	16.7% #C4C551	RGB 196 197 81	#C4C551
33.3%	33.3% #CCCD66	RGB 204 205 102	#CCCD66
50.0%	50.0% #D4D57C	RGB 212 213 124	#D4D57C
66.7%	66.7% #DCDC94	RGB 220 220 148	#DCDC94
83.3%	83.3% #E4E4AC	RGB 228 228 172	#E4E4AC
100.0%	100.0% #ECECC7	RGB 236 236 199	#ECECC7

#BDBE3E #C4C551 #CCCD66 #D4D57C #DCDC94 #E4E4AC #ECECC7

#BDBE3E - #D4D57C - #ECECC7

CSS codes

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

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