#FFEDAF - #CEB43E | 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 #FFEDAF to #CEB43E

#FFEDAF #CEB43E

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

#FFEDAF - #CEB43E | 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 #FFEDAF as 0% and #CEB43E as 100%.

0.0%	0.0% #FFEDAF	RGB 255 237 175	#FFEDAF
16.7%	16.7% #F6E39C	RGB 246 227 156	#F6E39C
33.3%	33.3% #EEDA89	RGB 238 218 137	#EEDA89
50.0%	50.0% #E6D076	RGB 230 208 118	#E6D076
66.7%	66.7% #DEC763	RGB 222 199 99	#DEC763
83.3%	83.3% #D6BD50	RGB 214 189 80	#D6BD50
100.0%	100.0% #CEB43E	RGB 206 180 62	#CEB43E

#FFEDAF #F6E39C #EEDA89 #E6D076 #DEC763 #D6BD50 #CEB43E

#FFEDAF - #CEB43E

HSV Blend

#FFEDAF - #CEB43E | 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 #FFEDAF as 0% and #CEB43E as 100%.

0.0%	0.0% #FFEDAF	RGB 255 237 175	#FFEDAF
16.7%	16.7% #F6E299	RGB 246 226 153	#F6E299
33.3%	33.3% #EED885	RGB 238 216 133	#EED885
50.0%	50.0% #E6CE71	RGB 230 206 113	#E6CE71
66.7%	66.7% #DEC55F	RGB 222 197 95	#DEC55F
83.3%	83.3% #D6BC4E	RGB 214 188 78	#D6BC4E
100.0%	100.0% #CEB43E	RGB 206 180 62	#CEB43E

#FFEDAF #F6E299 #EED885 #E6CE71 #DEC55F #D6BC4E #CEB43E

#FFEDAF - #E6CE71 - #CEB43E

CSS codes

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

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