#F5E5D0 - #DFAF7E | 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 #F5E5D0 to #DFAF7E

#F5E5D0 #DFAF7E

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

#F5E5D0 - #DFAF7E | 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 #F5E5D0 as 0% and #DFAF7E as 100%.

0.0%	0.0% #F5E5D0	RGB 245 229 208	#F5E5D0
16.7%	16.7% #F1DCC2	RGB 241 220 194	#F1DCC2
33.3%	33.3% #EDD3B4	RGB 237 211 180	#EDD3B4
50.0%	50.0% #EACAA7	RGB 234 202 167	#EACAA7
66.7%	66.7% #E6C199	RGB 230 193 153	#E6C199
83.3%	83.3% #E2B88B	RGB 226 184 139	#E2B88B
100.0%	100.0% #DFAF7E	RGB 223 175 126	#DFAF7E

#F5E5D0 #F1DCC2 #EDD3B4 #EACAA7 #E6C199 #E2B88B #DFAF7E

#F5E5D0 - #DFAF7E

HSV Blend

#F5E5D0 - #DFAF7E | 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 #F5E5D0 as 0% and #DFAF7E as 100%.

0.0%	0.0% #F5E5D0	RGB 245 229 208	#F5E5D0
16.7%	16.7% #F1DCC1	RGB 241 220 193	#F1DCC1
33.3%	33.3% #EDD3B3	RGB 237 211 179	#EDD3B3
50.0%	50.0% #EACAA5	RGB 234 202 165	#EACAA5
66.7%	66.7% #E6C197	RGB 230 193 151	#E6C197
83.3%	83.3% #E2B88A	RGB 226 184 138	#E2B88A
100.0%	100.0% #DFAF7E	RGB 223 175 126	#DFAF7E

#F5E5D0 #F1DCC1 #EDD3B3 #EACAA5 #E6C197 #E2B88A #DFAF7E

#F5E5D0 - #EACAA5 - #DFAF7E

CSS codes

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

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