#D9D2A1 - #AFAC4D | 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 #D9D2A1 to #AFAC4D

#D9D2A1 #AFAC4D

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

#D9D2A1 - #AFAC4D | 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 #D9D2A1 as 0% and #AFAC4D as 100%.

0.0%	0.0% #D9D2A1	RGB 217 210 161	#D9D2A1
16.7%	16.7% #D2CB93	RGB 210 203 147	#D2CB93
33.3%	33.3% #CBC585	RGB 203 197 133	#CBC585
50.0%	50.0% #C4BF77	RGB 196 191 119	#C4BF77
66.7%	66.7% #BDB869	RGB 189 184 105	#BDB869
83.3%	83.3% #B6B25B	RGB 182 178 91	#B6B25B
100.0%	100.0% #AFAC4D	RGB 175 172 77	#AFAC4D

#D9D2A1 #D2CB93 #CBC585 #C4BF77 #BDB869 #B6B25B #AFAC4D

#D9D2A1 - #AFAC4D

HSV Blend

#D9D2A1 - #AFAC4D | 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 #D9D2A1 as 0% and #AFAC4D as 100%.

0.0%	0.0% #D9D2A1	RGB 217 210 161	#D9D2A1
16.7%	16.7% #D2CA91	RGB 210 202 145	#D2CA91
33.3%	33.3% #CBC482	RGB 203 196 130	#CBC482
50.0%	50.0% #C4BD73	RGB 196 189 115	#C4BD73
66.7%	66.7% #BDB766	RGB 189 183 102	#BDB766
83.3%	83.3% #B6B159	RGB 182 177 89	#B6B159
100.0%	100.0% #AFAC4D	RGB 175 172 77	#AFAC4D

#D9D2A1 #D2CA91 #CBC482 #C4BD73 #BDB766 #B6B159 #AFAC4D

#D9D2A1 - #C4BD73 - #AFAC4D

CSS codes

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

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