#ECED9A - #BBC643 | 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 #ECED9A to #BBC643

#ECED9A #BBC643

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

#ECED9A - #BBC643 | 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 #ECED9A as 0% and #BBC643 as 100%.

0.0%	0.0% #ECED9A	RGB 236 237 154	#ECED9A
16.7%	16.7% #E3E68B	RGB 227 230 139	#E3E68B
33.3%	33.3% #DBE07D	RGB 219 224 125	#DBE07D
50.0%	50.0% #D3D96E	RGB 211 217 110	#D3D96E
66.7%	66.7% #CBD360	RGB 203 211 96	#CBD360
83.3%	83.3% #C3CC51	RGB 195 204 81	#C3CC51
100.0%	100.0% #BBC643	RGB 187 198 67	#BBC643

#ECED9A #E3E68B #DBE07D #D3D96E #CBD360 #C3CC51 #BBC643

#ECED9A - #BBC643

HSV Blend

#ECED9A - #BBC643 | 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 #ECED9A as 0% and #BBC643 as 100%.

0.0%	0.0% #ECED9A	RGB 236 237 154	#ECED9A
16.7%	16.7% #E4E689	RGB 228 230 137	#E4E689
33.3%	33.3% #DCE07A	RGB 220 224 122	#DCE07A
50.0%	50.0% #D4D96B	RGB 212 217 107	#D4D96B
66.7%	66.7% #CBD35D	RGB 203 211 93	#CBD35D
83.3%	83.3% #C3CC4F	RGB 195 204 79	#C3CC4F
100.0%	100.0% #BBC643	RGB 187 198 67	#BBC643

#ECED9A #E4E689 #DCE07A #D4D96B #CBD35D #C3CC4F #BBC643

#ECED9A - #D4D96B - #BBC643

CSS codes

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

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