#DAAA8F - #FFE6B0 | 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 #DAAA8F to #FFE6B0

#DAAA8F #FFE6B0

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

#DAAA8F - #FFE6B0 | 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 #DAAA8F as 0% and #FFE6B0 as 100%.

0.0%	0.0% #DAAA8F	RGB 218 170 143	#DAAA8F
16.7%	16.7% #E0B494	RGB 224 180 148	#E0B494
33.3%	33.3% #E6BE9A	RGB 230 190 154	#E6BE9A
50.0%	50.0% #ECC89F	RGB 236 200 159	#ECC89F
66.7%	66.7% #F2D2A5	RGB 242 210 165	#F2D2A5
83.3%	83.3% #F8DCAA	RGB 248 220 170	#F8DCAA
100.0%	100.0% #FFE6B0	RGB 255 230 176	#FFE6B0

#DAAA8F #E0B494 #E6BE9A #ECC89F #F2D2A5 #F8DCAA #FFE6B0

#DAAA8F - #FFE6B0

HSV Blend

#DAAA8F - #FFE6B0 | 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 #DAAA8F as 0% and #FFE6B0 as 100%.

0.0%	0.0% #DAAA8F	RGB 218 170 143	#DAAA8F
16.7%	16.7% #E0B394	RGB 224 179 148	#E0B394
33.3%	33.3% #E6BD99	RGB 230 189 153	#E6BD99
50.0%	50.0% #ECC79F	RGB 236 199 159	#ECC79F
66.7%	66.7% #F2D1A4	RGB 242 209 164	#F2D1A4
83.3%	83.3% #F8DBAA	RGB 248 219 170	#F8DBAA
100.0%	100.0% #FFE6B0	RGB 255 230 176	#FFE6B0

#DAAA8F #E0B394 #E6BD99 #ECC79F #F2D1A4 #F8DBAA #FFE6B0

#DAAA8F - #ECC79F - #FFE6B0

CSS codes

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

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