#ECF0AF - #B9CB58 | 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 #ECF0AF to #B9CB58

#ECF0AF #B9CB58

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

#ECF0AF - #B9CB58 | 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 #ECF0AF as 0% and #B9CB58 as 100%.

0.0%	0.0% #ECF0AF	RGB 236 240 175	#ECF0AF
16.7%	16.7% #E3E9A0	RGB 227 233 160	#E3E9A0
33.3%	33.3% #DBE392	RGB 219 227 146	#DBE392
50.0%	50.0% #D2DD83	RGB 210 221 131	#D2DD83
66.7%	66.7% #CAD775	RGB 202 215 117	#CAD775
83.3%	83.3% #C1D166	RGB 193 209 102	#C1D166
100.0%	100.0% #B9CB58	RGB 185 203 88	#B9CB58

#ECF0AF #E3E9A0 #DBE392 #D2DD83 #CAD775 #C1D166 #B9CB58

#ECF0AF - #B9CB58

HSV Blend

#ECF0AF - #B9CB58 | 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 #ECF0AF as 0% and #B9CB58 as 100%.

0.0%	0.0% #ECF0AF	RGB 236 240 175	#ECF0AF
16.7%	16.7% #E4E99E	RGB 228 233 158	#E4E99E
33.3%	33.3% #DBE38F	RGB 219 227 143	#DBE38F
50.0%	50.0% #D3DD80	RGB 211 221 128	#D3DD80
66.7%	66.7% #CAD772	RGB 202 215 114	#CAD772
83.3%	83.3% #C1D164	RGB 193 209 100	#C1D164
100.0%	100.0% #B9CB58	RGB 185 203 88	#B9CB58

#ECF0AF #E4E99E #DBE38F #D3DD80 #CAD772 #C1D164 #B9CB58

#ECF0AF - #D3DD80 - #B9CB58

CSS codes

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

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