#FFD05D - #FAF5A8 | 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 #FFD05D to #FAF5A8

#FFD05D #FAF5A8

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

#FFD05D - #FAF5A8 | 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 #FFD05D as 0% and #FAF5A8 as 100%.

0.0%	0.0% #FFD05D	RGB 255 208 93	#FFD05D
16.7%	16.7% #FED669	RGB 254 214 105	#FED669
33.3%	33.3% #FDDC76	RGB 253 220 118	#FDDC76
50.0%	50.0% #FCE282	RGB 252 226 130	#FCE282
66.7%	66.7% #FBE88F	RGB 251 232 143	#FBE88F
83.3%	83.3% #FAEE9B	RGB 250 238 155	#FAEE9B
100.0%	100.0% #FAF5A8	RGB 250 245 168	#FAF5A8

#FFD05D #FED669 #FDDC76 #FCE282 #FBE88F #FAEE9B #FAF5A8

#FFD05D - #FAF5A8

HSV Blend

#FFD05D - #FAF5A8 | 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 #FFD05D as 0% and #FAF5A8 as 100%.

0.0%	0.0% #FFD05D	RGB 255 208 93	#FFD05D
16.7%	16.7% #FED869	RGB 254 216 105	#FED869
33.3%	33.3% #FDE076	RGB 253 224 118	#FDE076
50.0%	50.0% #FCE782	RGB 252 231 130	#FCE782
66.7%	66.7% #FBEC8F	RGB 251 236 143	#FBEC8F
83.3%	83.3% #FAF19B	RGB 250 241 155	#FAF19B
100.0%	100.0% #FAF5A8	RGB 250 245 168	#FAF5A8

#FFD05D #FED869 #FDE076 #FCE782 #FBEC8F #FAF19B #FAF5A8

#FFD05D - #FCE782 - #FAF5A8

CSS codes

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

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