#DACC7E - #FFD6A8 | 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 #DACC7E to #FFD6A8

#DACC7E #FFD6A8

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

#DACC7E - #FFD6A8 | 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 #DACC7E as 0% and #FFD6A8 as 100%.

0.0%	0.0% #DACC7E	RGB 218 204 126	#DACC7E
16.7%	16.7% #E0CD85	RGB 224 205 133	#E0CD85
33.3%	33.3% #E6CF8C	RGB 230 207 140	#E6CF8C
50.0%	50.0% #ECD193	RGB 236 209 147	#ECD193
66.7%	66.7% #F2D29A	RGB 242 210 154	#F2D29A
83.3%	83.3% #F8D4A1	RGB 248 212 161	#F8D4A1
100.0%	100.0% #FFD6A8	RGB 255 214 168	#FFD6A8

#DACC7E #E0CD85 #E6CF8C #ECD193 #F2D29A #F8D4A1 #FFD6A8

#DACC7E - #FFD6A8

HSV Blend

#DACC7E - #FFD6A8 | 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 #DACC7E as 0% and #FFD6A8 as 100%.

0.0%	0.0% #DACC7E	RGB 218 204 126	#DACC7E
16.7%	16.7% #E0CD84	RGB 224 205 132	#E0CD84
33.3%	33.3% #E6CE8B	RGB 230 206 139	#E6CE8B
50.0%	50.0% #ECD092	RGB 236 208 146	#ECD092
66.7%	66.7% #F2D299	RGB 242 210 153	#F2D299
83.3%	83.3% #F8D3A0	RGB 248 211 160	#F8D3A0
100.0%	100.0% #FFD6A8	RGB 255 214 168	#FFD6A8

#DACC7E #E0CD84 #E6CE8B #ECD092 #F2D299 #F8D3A0 #FFD6A8

#DACC7E - #ECD092 - #FFD6A8

CSS codes

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

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