#FEFFAF - #D3C546 | 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 #FEFFAF to #D3C546

#FEFFAF #D3C546

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

#FEFFAF - #D3C546 | 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 #FEFFAF as 0% and #D3C546 as 100%.

0.0%	0.0% #FEFFAF	RGB 254 255 175	#FEFFAF
16.7%	16.7% #F6F59D	RGB 246 245 157	#F6F59D
33.3%	33.3% #EFEB8C	RGB 239 235 140	#EFEB8C
50.0%	50.0% #E8E27A	RGB 232 226 122	#E8E27A
66.7%	66.7% #E1D869	RGB 225 216 105	#E1D869
83.3%	83.3% #DACE57	RGB 218 206 87	#DACE57
100.0%	100.0% #D3C546	RGB 211 197 70	#D3C546

#FEFFAF #F6F59D #EFEB8C #E8E27A #E1D869 #DACE57 #D3C546

#FEFFAF - #D3C546

HSV Blend

#FEFFAF - #D3C546 | 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 #FEFFAF as 0% and #D3C546 as 100%.

0.0%	0.0% #FEFFAF	RGB 254 255 175	#FEFFAF
16.7%	16.7% #F7F79B	RGB 247 247 155	#F7F79B
33.3%	33.3% #F0ED88	RGB 240 237 136	#F0ED88
50.0%	50.0% #E9E476	RGB 233 228 118	#E9E476
66.7%	66.7% #E1D965	RGB 225 217 101	#E1D965
83.3%	83.3% #DACF55	RGB 218 207 85	#DACF55
100.0%	100.0% #D3C546	RGB 211 197 70	#D3C546

#FEFFAF #F7F79B #F0ED88 #E9E476 #E1D965 #DACF55 #D3C546

#FEFFAF - #E9E476 - #D3C546

CSS codes

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

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