#FFFCA8 - #D0C04B | 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 #FFFCA8 to #D0C04B

#FFFCA8 #D0C04B

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

#FFFCA8 - #D0C04B | 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 #FFFCA8 as 0% and #D0C04B as 100%.

0.0%	0.0% #FFFCA8	RGB 255 252 168	#FFFCA8
16.7%	16.7% #F7F298	RGB 247 242 152	#F7F298
33.3%	33.3% #EFE889	RGB 239 232 137	#EFE889
50.0%	50.0% #E7DE79	RGB 231 222 121	#E7DE79
66.7%	66.7% #DFD46A	RGB 223 212 106	#DFD46A
83.3%	83.3% #D7CA5A	RGB 215 202 90	#D7CA5A
100.0%	100.0% #D0C04B	RGB 208 192 75	#D0C04B

#FFFCA8 #F7F298 #EFE889 #E7DE79 #DFD46A #D7CA5A #D0C04B

#FFFCA8 - #D0C04B

HSV Blend

#FFFCA8 - #D0C04B | 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 #FFFCA8 as 0% and #D0C04B as 100%.

0.0%	0.0% #FFFCA8	RGB 255 252 168	#FFFCA8
16.7%	16.7% #F7F296	RGB 247 242 150	#F7F296
33.3%	33.3% #EFE885	RGB 239 232 133	#EFE885
50.0%	50.0% #E7DE75	RGB 231 222 117	#E7DE75
66.7%	66.7% #DFD466	RGB 223 212 102	#DFD466
83.3%	83.3% #D7CA58	RGB 215 202 88	#D7CA58
100.0%	100.0% #D0C04B	RGB 208 192 75	#D0C04B

#FFFCA8 #F7F296 #EFE885 #E7DE75 #DFD466 #D7CA58 #D0C04B

#FFFCA8 - #E7DE75 - #D0C04B

CSS codes

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

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