#DBAA8C - #FEE5AD | 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 #DBAA8C to #FEE5AD

#DBAA8C #FEE5AD

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

#DBAA8C - #FEE5AD | 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 #DBAA8C as 0% and #FEE5AD as 100%.

0.0%	0.0% #DBAA8C	RGB 219 170 140	#DBAA8C
16.7%	16.7% #E0B391	RGB 224 179 145	#E0B391
33.3%	33.3% #E6BD97	RGB 230 189 151	#E6BD97
50.0%	50.0% #ECC79C	RGB 236 199 156	#ECC79C
66.7%	66.7% #F2D1A2	RGB 242 209 162	#F2D1A2
83.3%	83.3% #F8DBA7	RGB 248 219 167	#F8DBA7
100.0%	100.0% #FEE5AD	RGB 254 229 173	#FEE5AD

#DBAA8C #E0B391 #E6BD97 #ECC79C #F2D1A2 #F8DBA7 #FEE5AD

#DBAA8C - #FEE5AD

HSV Blend

#DBAA8C - #FEE5AD | 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 #DBAA8C as 0% and #FEE5AD as 100%.

0.0%	0.0% #DBAA8C	RGB 219 170 140	#DBAA8C
16.7%	16.7% #E0B391	RGB 224 179 145	#E0B391
33.3%	33.3% #E6BD96	RGB 230 189 150	#E6BD96
50.0%	50.0% #ECC79C	RGB 236 199 156	#ECC79C
66.7%	66.7% #F2D1A1	RGB 242 209 161	#F2D1A1
83.3%	83.3% #F8DBA7	RGB 248 219 167	#F8DBA7
100.0%	100.0% #FEE5AD	RGB 254 229 173	#FEE5AD

#DBAA8C #E0B391 #E6BD96 #ECC79C #F2D1A1 #F8DBA7 #FEE5AD

#DBAA8C - #ECC79C - #FEE5AD

CSS codes

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

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