#EDB96B - #F0FF8C | 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 #EDB96B to #F0FF8C

#EDB96B #F0FF8C

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

#EDB96B - #F0FF8C | 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 #EDB96B as 0% and #F0FF8C as 100%.

0.0%	0.0% #EDB96B	RGB 237 185 107	#EDB96B
16.7%	16.7% #EDC470	RGB 237 196 112	#EDC470
33.3%	33.3% #EED076	RGB 238 208 118	#EED076
50.0%	50.0% #EEDC7B	RGB 238 220 123	#EEDC7B
66.7%	66.7% #EFE781	RGB 239 231 129	#EFE781
83.3%	83.3% #EFF386	RGB 239 243 134	#EFF386
100.0%	100.0% #F0FF8C	RGB 240 255 140	#F0FF8C

#EDB96B #EDC470 #EED076 #EEDC7B #EFE781 #EFF386 #F0FF8C

#EDB96B - #F0FF8C

HSV Blend

#EDB96B - #F0FF8C | 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 #EDB96B as 0% and #F0FF8C as 100%.

0.0%	0.0% #EDB96B	RGB 237 185 107	#EDB96B
16.7%	16.7% #F0C870	RGB 240 200 112	#F0C870
33.3%	33.3% #F3D775	RGB 243 215 117	#F3D775
50.0%	50.0% #F6E57B	RGB 246 229 123	#F6E57B
66.7%	66.7% #F9F380	RGB 249 243 128	#F9F380
83.3%	83.3% #F7FC86	RGB 247 252 134	#F7FC86
100.0%	100.0% #F0FF8C	RGB 240 255 140	#F0FF8C

#EDB96B #F0C870 #F3D775 #F6E57B #F9F380 #F7FC86 #F0FF8C

#EDB96B - #F6E57B - #F0FF8C

CSS codes

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

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