#F9FEC1 - #474837 | 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 #F9FEC1 to #474837

#F9FEC1 #474837

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

#F9FEC1 - #474837 | 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 #F9FEC1 as 0% and #474837 as 100%.

0.0%	0.0% #F9FEC1	RGB 249 254 193	#F9FEC1
16.7%	16.7% #DBDFAA	RGB 219 223 170	#DBDFAA
33.3%	33.3% #BDC193	RGB 189 193 147	#BDC193
50.0%	50.0% #A0A37C	RGB 160 163 124	#A0A37C
66.7%	66.7% #828465	RGB 130 132 101	#828465
83.3%	83.3% #64664E	RGB 100 102 78	#64664E
100.0%	100.0% #474837	RGB 71 72 55	#474837

#F9FEC1 #DBDFAA #BDC193 #A0A37C #828465 #64664E #474837

#F9FEC1 - #474837

HSV Blend

#F9FEC1 - #474837 | 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 #F9FEC1 as 0% and #474837 as 100%.

0.0%	0.0% #F9FEC1	RGB 249 254 193	#F9FEC1
16.7%	16.7% #DBDFAA	RGB 219 223 170	#DBDFAA
33.3%	33.3% #BDC193	RGB 189 193 147	#BDC193
50.0%	50.0% #A0A37C	RGB 160 163 124	#A0A37C
66.7%	66.7% #828465	RGB 130 132 101	#828465
83.3%	83.3% #64664E	RGB 100 102 78	#64664E
100.0%	100.0% #474837	RGB 71 72 55	#474837

#F9FEC1 #DBDFAA #BDC193 #A0A37C #828465 #64664E #474837

#F9FEC1 - #A0A37C - #474837

CSS codes

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

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