#DAAB8C - #FFE6AD | 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 #DAAB8C to #FFE6AD

#DAAB8C #FFE6AD

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

#DAAB8C - #FFE6AD | 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 #DAAB8C as 0% and #FFE6AD as 100%.

0.0%	0.0% #DAAB8C	RGB 218 171 140	#DAAB8C
16.7%	16.7% #E0B491	RGB 224 180 145	#E0B491
33.3%	33.3% #E6BE97	RGB 230 190 151	#E6BE97
50.0%	50.0% #ECC89C	RGB 236 200 156	#ECC89C
66.7%	66.7% #F2D2A2	RGB 242 210 162	#F2D2A2
83.3%	83.3% #F8DCA7	RGB 248 220 167	#F8DCA7
100.0%	100.0% #FFE6AD	RGB 255 230 173	#FFE6AD

#DAAB8C #E0B491 #E6BE97 #ECC89C #F2D2A2 #F8DCA7 #FFE6AD

#DAAB8C - #FFE6AD

HSV Blend

#DAAB8C - #FFE6AD | 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 #DAAB8C as 0% and #FFE6AD as 100%.

0.0%	0.0% #DAAB8C	RGB 218 171 140	#DAAB8C
16.7%	16.7% #E0B491	RGB 224 180 145	#E0B491
33.3%	33.3% #E6BE96	RGB 230 190 150	#E6BE96
50.0%	50.0% #ECC89C	RGB 236 200 156	#ECC89C
66.7%	66.7% #F2D1A1	RGB 242 209 161	#F2D1A1
83.3%	83.3% #F8DBA7	RGB 248 219 167	#F8DBA7
100.0%	100.0% #FFE6AD	RGB 255 230 173	#FFE6AD

#DAAB8C #E0B491 #E6BE96 #ECC89C #F2D1A1 #F8DBA7 #FFE6AD

#DAAB8C - #ECC89C - #FFE6AD

CSS codes

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

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