#F9F7E4 - #DCD197 | 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 #F9F7E4 to #DCD197

#F9F7E4 #DCD197

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

#F9F7E4 - #DCD197 | 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 #F9F7E4 as 0% and #DCD197 as 100%.

0.0%	0.0% #F9F7E4	RGB 249 247 228	#F9F7E4
16.7%	16.7% #F4F0D7	RGB 244 240 215	#F4F0D7
33.3%	33.3% #EFEACA	RGB 239 234 202	#EFEACA
50.0%	50.0% #EAE4BD	RGB 234 228 189	#EAE4BD
66.7%	66.7% #E5DDB0	RGB 229 221 176	#E5DDB0
83.3%	83.3% #E0D7A3	RGB 224 215 163	#E0D7A3
100.0%	100.0% #DCD197	RGB 220 209 151	#DCD197

#F9F7E4 #F4F0D7 #EFEACA #EAE4BD #E5DDB0 #E0D7A3 #DCD197

#F9F7E4 - #DCD197

HSV Blend

#F9F7E4 - #DCD197 | 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 #F9F7E4 as 0% and #DCD197 as 100%.

0.0%	0.0% #F9F7E4	RGB 249 247 228	#F9F7E4
16.7%	16.7% #F4F0D6	RGB 244 240 214	#F4F0D6
33.3%	33.3% #EFEAC8	RGB 239 234 200	#EFEAC8
50.0%	50.0% #EAE4BB	RGB 234 228 187	#EAE4BB
66.7%	66.7% #E5DEAF	RGB 229 222 175	#E5DEAF
83.3%	83.3% #E0D7A2	RGB 224 215 162	#E0D7A2
100.0%	100.0% #DCD197	RGB 220 209 151	#DCD197

#F9F7E4 #F4F0D6 #EFEAC8 #EAE4BB #E5DEAF #E0D7A2 #DCD197

#F9F7E4 - #EAE4BB - #DCD197

CSS codes

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

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