#FDFFA1 - #46482E | 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 #FDFFA1 to #46482E

#FDFFA1 #46482E

Calculate the color between two colors, #FDFFA1 and #46482E. 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)

#FDFFA1 - #46482E | 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 #FDFFA1 as 0% and #46482E as 100%.

0.0%	0.0% #FDFFA1	RGB 253 255 161	#FDFFA1
16.7%	16.7% #DEE08D	RGB 222 224 141	#DEE08D
33.3%	33.3% #C0C27A	RGB 192 194 122	#C0C27A
50.0%	50.0% #A1A367	RGB 161 163 103	#A1A367
66.7%	66.7% #838454	RGB 131 132 84	#838454
83.3%	83.3% #646641	RGB 100 102 65	#646641
100.0%	100.0% #46482E	RGB 70 72 46	#46482E

#FDFFA1 #DEE08D #C0C27A #A1A367 #838454 #646641 #46482E

#FDFFA1 - #46482E

HSV Blend

#FDFFA1 - #46482E | 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 #FDFFA1 as 0% and #46482E as 100%.

0.0%	0.0% #FDFFA1	RGB 253 255 161	#FDFFA1
16.7%	16.7% #DDE08E	RGB 221 224 142	#DDE08E
33.3%	33.3% #BFC27A	RGB 191 194 122	#BFC27A
50.0%	50.0% #A0A367	RGB 160 163 103	#A0A367
66.7%	66.7% #828454	RGB 130 132 84	#828454
83.3%	83.3% #636641	RGB 99 102 65	#636641
100.0%	100.0% #46482E	RGB 70 72 46	#46482E

#FDFFA1 #DDE08E #BFC27A #A0A367 #828454 #636641 #46482E

#FDFFA1 - #A0A367 - #46482E

CSS codes

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

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