#ECC07B - #F9EDD9 | 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 #ECC07B to #F9EDD9

#ECC07B #F9EDD9

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

#ECC07B - #F9EDD9 | 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 #ECC07B as 0% and #F9EDD9 as 100%.

0.0%	0.0% #ECC07B	RGB 236 192 123	#ECC07B
16.7%	16.7% #EEC78A	RGB 238 199 138	#EEC78A
33.3%	33.3% #F0CF9A	RGB 240 207 154	#F0CF9A
50.0%	50.0% #F2D6AA	RGB 242 214 170	#F2D6AA
66.7%	66.7% #F4DEB9	RGB 244 222 185	#F4DEB9
83.3%	83.3% #F6E5C9	RGB 246 229 201	#F6E5C9
100.0%	100.0% #F9EDD9	RGB 249 237 217	#F9EDD9

#ECC07B #EEC78A #F0CF9A #F2D6AA #F4DEB9 #F6E5C9 #F9EDD9

#ECC07B - #F9EDD9

HSV Blend

#ECC07B - #F9EDD9 | 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 #ECC07B as 0% and #F9EDD9 as 100%.

0.0%	0.0% #ECC07B	RGB 236 192 123	#ECC07B
16.7%	16.7% #EEC78A	RGB 238 199 138	#EEC78A
33.3%	33.3% #F0CE99	RGB 240 206 153	#F0CE99
50.0%	50.0% #F2D6A8	RGB 242 214 168	#F2D6A8
66.7%	66.7% #F4DDB8	RGB 244 221 184	#F4DDB8
83.3%	83.3% #F6E5C8	RGB 246 229 200	#F6E5C8
100.0%	100.0% #F9EDD9	RGB 249 237 217	#F9EDD9

#ECC07B #EEC78A #F0CE99 #F2D6A8 #F4DDB8 #F6E5C8 #F9EDD9

#ECC07B - #F2D6A8 - #F9EDD9

CSS codes

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

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