#F5E2BC - #DFAE66 | 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 #F5E2BC to #DFAE66

#F5E2BC #DFAE66

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

#F5E2BC - #DFAE66 | 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 #F5E2BC as 0% and #DFAE66 as 100%.

0.0%	0.0% #F5E2BC	RGB 245 226 188	#F5E2BC
16.7%	16.7% #F1D9AD	RGB 241 217 173	#F1D9AD
33.3%	33.3% #EDD09F	RGB 237 208 159	#EDD09F
50.0%	50.0% #EAC891	RGB 234 200 145	#EAC891
66.7%	66.7% #E6BF82	RGB 230 191 130	#E6BF82
83.3%	83.3% #E2B674	RGB 226 182 116	#E2B674
100.0%	100.0% #DFAE66	RGB 223 174 102	#DFAE66

#F5E2BC #F1D9AD #EDD09F #EAC891 #E6BF82 #E2B674 #DFAE66

#F5E2BC - #DFAE66

HSV Blend

#F5E2BC - #DFAE66 | 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 #F5E2BC as 0% and #DFAE66 as 100%.

0.0%	0.0% #F5E2BC	RGB 245 226 188	#F5E2BC
16.7%	16.7% #F1D9AC	RGB 241 217 172	#F1D9AC
33.3%	33.3% #EDD19D	RGB 237 209 157	#EDD19D
50.0%	50.0% #EAC88F	RGB 234 200 143	#EAC88F
66.7%	66.7% #E6BF81	RGB 230 191 129	#E6BF81
83.3%	83.3% #E2B673	RGB 226 182 115	#E2B673
100.0%	100.0% #DFAE66	RGB 223 174 102	#DFAE66

#F5E2BC #F1D9AC #EDD19D #EAC88F #E6BF81 #E2B673 #DFAE66

#F5E2BC - #EAC88F - #DFAE66

CSS codes

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

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