#F5E4CF - #DFAD7C | 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 #F5E4CF to #DFAD7C

#F5E4CF #DFAD7C

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

#F5E4CF - #DFAD7C | 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 #F5E4CF as 0% and #DFAD7C as 100%.

0.0%	0.0% #F5E4CF	RGB 245 228 207	#F5E4CF
16.7%	16.7% #F1DAC1	RGB 241 218 193	#F1DAC1
33.3%	33.3% #EDD1B3	RGB 237 209 179	#EDD1B3
50.0%	50.0% #EAC8A5	RGB 234 200 165	#EAC8A5
66.7%	66.7% #E6BF97	RGB 230 191 151	#E6BF97
83.3%	83.3% #E2B689	RGB 226 182 137	#E2B689
100.0%	100.0% #DFAD7C	RGB 223 173 124	#DFAD7C

#F5E4CF #F1DAC1 #EDD1B3 #EAC8A5 #E6BF97 #E2B689 #DFAD7C

#F5E4CF - #DFAD7C

HSV Blend

#F5E4CF - #DFAD7C | 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 #F5E4CF as 0% and #DFAD7C as 100%.

0.0%	0.0% #F5E4CF	RGB 245 228 207	#F5E4CF
16.7%	16.7% #F1DAC0	RGB 241 218 192	#F1DAC0
33.3%	33.3% #EDD1B1	RGB 237 209 177	#EDD1B1
50.0%	50.0% #EAC8A3	RGB 234 200 163	#EAC8A3
66.7%	66.7% #E6BF96	RGB 230 191 150	#E6BF96
83.3%	83.3% #E2B688	RGB 226 182 136	#E2B688
100.0%	100.0% #DFAD7C	RGB 223 173 124	#DFAD7C

#F5E4CF #F1DAC0 #EDD1B1 #EAC8A3 #E6BF96 #E2B688 #DFAD7C

#F5E4CF - #EAC8A3 - #DFAD7C

CSS codes

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

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