#ECED9C - #F2F8C9 | 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 #ECED9C to #F2F8C9

#ECED9C #F2F8C9

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

#ECED9C - #F2F8C9 | 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 #ECED9C as 0% and #F2F8C9 as 100%.

0.0%	0.0% #ECED9C	RGB 236 237 156	#ECED9C
16.7%	16.7% #EDEEA3	RGB 237 238 163	#EDEEA3
33.3%	33.3% #EEF0AB	RGB 238 240 171	#EEF0AB
50.0%	50.0% #EFF2B2	RGB 239 242 178	#EFF2B2
66.7%	66.7% #F0F4BA	RGB 240 244 186	#F0F4BA
83.3%	83.3% #F1F6C1	RGB 241 246 193	#F1F6C1
100.0%	100.0% #F2F8C9	RGB 242 248 201	#F2F8C9

#ECED9C #EDEEA3 #EEF0AB #EFF2B2 #F0F4BA #F1F6C1 #F2F8C9

#ECED9C - #F2F8C9

HSV Blend

#ECED9C - #F2F8C9 | 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 #ECED9C as 0% and #F2F8C9 as 100%.

0.0%	0.0% #ECED9C	RGB 236 237 156	#ECED9C
16.7%	16.7% #ECEEA3	RGB 236 238 163	#ECEEA3
33.3%	33.3% #EDF0AA	RGB 237 240 170	#EDF0AA
50.0%	50.0% #EDF2B2	RGB 237 242 178	#EDF2B2
66.7%	66.7% #EFF4B9	RGB 239 244 185	#EFF4B9
83.3%	83.3% #F0F6C1	RGB 240 246 193	#F0F6C1
100.0%	100.0% #F2F8C9	RGB 242 248 201	#F2F8C9

#ECED9C #ECEEA3 #EDF0AA #EDF2B2 #EFF4B9 #F0F6C1 #F2F8C9

#ECED9C - #EDF2B2 - #F2F8C9

CSS codes

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

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