#FFD495 - #EBA03B | 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 #FFD495 to #EBA03B

#FFD495 #EBA03B

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

#FFD495 - #EBA03B | 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 #FFD495 as 0% and #EBA03B as 100%.

0.0%	0.0% #FFD495	RGB 255 212 149	#FFD495
16.7%	16.7% #FBCB86	RGB 251 203 134	#FBCB86
33.3%	33.3% #F8C277	RGB 248 194 119	#F8C277
50.0%	50.0% #F5BA68	RGB 245 186 104	#F5BA68
66.7%	66.7% #F1B159	RGB 241 177 89	#F1B159
83.3%	83.3% #EEA84A	RGB 238 168 74	#EEA84A
100.0%	100.0% #EBA03B	RGB 235 160 59	#EBA03B

#FFD495 #FBCB86 #F8C277 #F5BA68 #F1B159 #EEA84A #EBA03B

#FFD495 - #EBA03B

HSV Blend

#FFD495 - #EBA03B | 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 #FFD495 as 0% and #EBA03B as 100%.

0.0%	0.0% #FFD495	RGB 255 212 149	#FFD495
16.7%	16.7% #FBCB85	RGB 251 203 133	#FBCB85
33.3%	33.3% #F8C275	RGB 248 194 117	#F8C275
50.0%	50.0% #F5B966	RGB 245 185 102	#F5B966
66.7%	66.7% #F1B157	RGB 241 177 87	#F1B157
83.3%	83.3% #EEA849	RGB 238 168 73	#EEA849
100.0%	100.0% #EBA03B	RGB 235 160 59	#EBA03B

#FFD495 #FBCB85 #F8C275 #F5B966 #F1B157 #EEA849 #EBA03B

#FFD495 - #F5B966 - #EBA03B

CSS codes

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

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