#ECCF4D - #F9F1CC | 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 #ECCF4D to #F9F1CC

#ECCF4D #F9F1CC

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

#ECCF4D - #F9F1CC | 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 #ECCF4D as 0% and #F9F1CC as 100%.

0.0%	0.0% #ECCF4D	RGB 236 207 77	#ECCF4D
16.7%	16.7% #EED462	RGB 238 212 98	#EED462
33.3%	33.3% #F0DA77	RGB 240 218 119	#F0DA77
50.0%	50.0% #F2E08C	RGB 242 224 140	#F2E08C
66.7%	66.7% #F4E5A1	RGB 244 229 161	#F4E5A1
83.3%	83.3% #F6EBB6	RGB 246 235 182	#F6EBB6
100.0%	100.0% #F9F1CC	RGB 249 241 204	#F9F1CC

#ECCF4D #EED462 #F0DA77 #F2E08C #F4E5A1 #F6EBB6 #F9F1CC

#ECCF4D - #F9F1CC

HSV Blend

#ECCF4D - #F9F1CC | 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 #ECCF4D as 0% and #F9F1CC as 100%.

0.0%	0.0% #ECCF4D	RGB 236 207 77	#ECCF4D
16.7%	16.7% #EED461	RGB 238 212 97	#EED461
33.3%	33.3% #F0DA75	RGB 240 218 117	#F0DA75
50.0%	50.0% #F2DF8A	RGB 242 223 138	#F2DF8A
66.7%	66.7% #F4E5A0	RGB 244 229 160	#F4E5A0
83.3%	83.3% #F6EBB5	RGB 246 235 181	#F6EBB5
100.0%	100.0% #F9F1CC	RGB 249 241 204	#F9F1CC

#ECCF4D #EED461 #F0DA75 #F2DF8A #F4E5A0 #F6EBB5 #F9F1CC

#ECCF4D - #F2DF8A - #F9F1CC

CSS codes

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

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