#DADDA4 - #A1AF4E | 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 #DADDA4 to #A1AF4E

#DADDA4 #A1AF4E

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

#DADDA4 - #A1AF4E | 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 #DADDA4 as 0% and #A1AF4E as 100%.

0.0%	0.0% #DADDA4	RGB 218 221 164	#DADDA4
16.7%	16.7% #D0D595	RGB 208 213 149	#D0D595
33.3%	33.3% #C7CD87	RGB 199 205 135	#C7CD87
50.0%	50.0% #BDC679	RGB 189 198 121	#BDC679
66.7%	66.7% #B4BE6A	RGB 180 190 106	#B4BE6A
83.3%	83.3% #AAB65C	RGB 170 182 92	#AAB65C
100.0%	100.0% #A1AF4E	RGB 161 175 78	#A1AF4E

#DADDA4 #D0D595 #C7CD87 #BDC679 #B4BE6A #AAB65C #A1AF4E

#DADDA4 - #A1AF4E

HSV Blend

#DADDA4 - #A1AF4E | 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 #DADDA4 as 0% and #A1AF4E as 100%.

0.0%	0.0% #DADDA4	RGB 218 221 164	#DADDA4
16.7%	16.7% #D0D593	RGB 208 213 147	#D0D593
33.3%	33.3% #C7CD84	RGB 199 205 132	#C7CD84
50.0%	50.0% #BEC675	RGB 190 198 117	#BEC675
66.7%	66.7% #B4BE67	RGB 180 190 103	#B4BE67
83.3%	83.3% #AAB65A	RGB 170 182 90	#AAB65A
100.0%	100.0% #A1AF4E	RGB 161 175 78	#A1AF4E

#DADDA4 #D0D593 #C7CD84 #BEC675 #B4BE67 #AAB65A #A1AF4E

#DADDA4 - #BEC675 - #A1AF4E

CSS codes

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

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