#F5EBD0 - #DCBC7D | 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 #F5EBD0 to #DCBC7D

#F5EBD0 #DCBC7D

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

#F5EBD0 - #DCBC7D | 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 #F5EBD0 as 0% and #DCBC7D as 100%.

0.0%	0.0% #F5EBD0	RGB 245 235 208	#F5EBD0
16.7%	16.7% #F0E3C2	RGB 240 227 194	#F0E3C2
33.3%	33.3% #ECDBB4	RGB 236 219 180	#ECDBB4
50.0%	50.0% #E8D3A6	RGB 232 211 166	#E8D3A6
66.7%	66.7% #E4CB98	RGB 228 203 152	#E4CB98
83.3%	83.3% #E0C38A	RGB 224 195 138	#E0C38A
100.0%	100.0% #DCBC7D	RGB 220 188 125	#DCBC7D

#F5EBD0 #F0E3C2 #ECDBB4 #E8D3A6 #E4CB98 #E0C38A #DCBC7D

#F5EBD0 - #DCBC7D

HSV Blend

#F5EBD0 - #DCBC7D | 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 #F5EBD0 as 0% and #DCBC7D as 100%.

0.0%	0.0% #F5EBD0	RGB 245 235 208	#F5EBD0
16.7%	16.7% #F0E3C1	RGB 240 227 193	#F0E3C1
33.3%	33.3% #ECDBB2	RGB 236 219 178	#ECDBB2
50.0%	50.0% #E8D3A4	RGB 232 211 164	#E8D3A4
66.7%	66.7% #E4CC97	RGB 228 204 151	#E4CC97
83.3%	83.3% #E0C489	RGB 224 196 137	#E0C489
100.0%	100.0% #DCBC7D	RGB 220 188 125	#DCBC7D

#F5EBD0 #F0E3C1 #ECDBB2 #E8D3A4 #E4CC97 #E0C489 #DCBC7D

#F5EBD0 - #E8D3A4 - #DCBC7D

CSS codes

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

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