#FDFEB6 - #484833 | 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 #FDFEB6 to #484833

#FDFEB6 #484833

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

#FDFEB6 - #484833 | 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 #FDFEB6 as 0% and #484833 as 100%.

0.0%	0.0% #FDFEB6	RGB 253 254 182	#FDFEB6
16.7%	16.7% #DEDFA0	RGB 222 223 160	#DEDFA0
33.3%	33.3% #C0C18A	RGB 192 193 138	#C0C18A
50.0%	50.0% #A2A374	RGB 162 163 116	#A2A374
66.7%	66.7% #84845E	RGB 132 132 94	#84845E
83.3%	83.3% #666648	RGB 102 102 72	#666648
100.0%	100.0% #484833	RGB 72 72 51	#484833

#FDFEB6 #DEDFA0 #C0C18A #A2A374 #84845E #666648 #484833

#FDFEB6 - #484833

HSV Blend

#FDFEB6 - #484833 | 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 #FDFEB6 as 0% and #484833 as 100%.

0.0%	0.0% #FDFEB6	RGB 253 254 182	#FDFEB6
16.7%	16.7% #DEDF9F	RGB 222 223 159	#DEDF9F
33.3%	33.3% #C0C18A	RGB 192 193 138	#C0C18A
50.0%	50.0% #A2A374	RGB 162 163 116	#A2A374
66.7%	66.7% #84845E	RGB 132 132 94	#84845E
83.3%	83.3% #666648	RGB 102 102 72	#666648
100.0%	100.0% #484833	RGB 72 72 51	#484833

#FDFEB6 #DEDF9F #C0C18A #A2A374 #84845E #666648 #484833

#FDFEB6 - #A2A374 - #484833

CSS codes

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

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