#F5E4CD - #DFAE7A | 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 #F5E4CD to #DFAE7A

#F5E4CD #DFAE7A

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

#F5E4CD - #DFAE7A | 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 #F5E4CD as 0% and #DFAE7A as 100%.

0.0%	0.0% #F5E4CD	RGB 245 228 205	#F5E4CD
16.7%	16.7% #F1DBBF	RGB 241 219 191	#F1DBBF
33.3%	33.3% #EDD2B1	RGB 237 210 177	#EDD2B1
50.0%	50.0% #EAC9A3	RGB 234 201 163	#EAC9A3
66.7%	66.7% #E6C095	RGB 230 192 149	#E6C095
83.3%	83.3% #E2B787	RGB 226 183 135	#E2B787
100.0%	100.0% #DFAE7A	RGB 223 174 122	#DFAE7A

#F5E4CD #F1DBBF #EDD2B1 #EAC9A3 #E6C095 #E2B787 #DFAE7A

#F5E4CD - #DFAE7A

HSV Blend

#F5E4CD - #DFAE7A | 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 #F5E4CD as 0% and #DFAE7A as 100%.

0.0%	0.0% #F5E4CD	RGB 245 228 205	#F5E4CD
16.7%	16.7% #F1DBBE	RGB 241 219 190	#F1DBBE
33.3%	33.3% #EDD2AF	RGB 237 210 175	#EDD2AF
50.0%	50.0% #EAC9A1	RGB 234 201 161	#EAC9A1
66.7%	66.7% #E6C094	RGB 230 192 148	#E6C094
83.3%	83.3% #E2B786	RGB 226 183 134	#E2B786
100.0%	100.0% #DFAE7A	RGB 223 174 122	#DFAE7A

#F5E4CD #F1DBBE #EDD2AF #EAC9A1 #E6C094 #E2B786 #DFAE7A

#F5E4CD - #EAC9A1 - #DFAE7A

CSS codes

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

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