#F5E4C7 - #DFAF72 | 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 #F5E4C7 to #DFAF72

#F5E4C7 #DFAF72

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

#F5E4C7 - #DFAF72 | 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 #F5E4C7 as 0% and #DFAF72 as 100%.

0.0%	0.0% #F5E4C7	RGB 245 228 199	#F5E4C7
16.7%	16.7% #F1DBB8	RGB 241 219 184	#F1DBB8
33.3%	33.3% #EDD2AA	RGB 237 210 170	#EDD2AA
50.0%	50.0% #EAC99C	RGB 234 201 156	#EAC99C
66.7%	66.7% #E6C08E	RGB 230 192 142	#E6C08E
83.3%	83.3% #E2B780	RGB 226 183 128	#E2B780
100.0%	100.0% #DFAF72	RGB 223 175 114	#DFAF72

#F5E4C7 #F1DBB8 #EDD2AA #EAC99C #E6C08E #E2B780 #DFAF72

#F5E4C7 - #DFAF72

HSV Blend

#F5E4C7 - #DFAF72 | 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 #F5E4C7 as 0% and #DFAF72 as 100%.

0.0%	0.0% #F5E4C7	RGB 245 228 199	#F5E4C7
16.7%	16.7% #F1DBB7	RGB 241 219 183	#F1DBB7
33.3%	33.3% #EDD2A9	RGB 237 210 169	#EDD2A9
50.0%	50.0% #EAC99A	RGB 234 201 154	#EAC99A
66.7%	66.7% #E6C18C	RGB 230 193 140	#E6C18C
83.3%	83.3% #E2B87F	RGB 226 184 127	#E2B87F
100.0%	100.0% #DFAF72	RGB 223 175 114	#DFAF72

#F5E4C7 #F1DBB7 #EDD2A9 #EAC99A #E6C18C #E2B87F #DFAF72

#F5E4C7 - #EAC99A - #DFAF72

CSS codes

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

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