#D1D17B - #AEAF2B | 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 #D1D17B to #AEAF2B

#D1D17B #AEAF2B

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

#D1D17B - #AEAF2B | 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 #D1D17B as 0% and #AEAF2B as 100%.

0.0%	0.0% #D1D17B	RGB 209 209 123	#D1D17B
16.7%	16.7% #CBCB6D	RGB 203 203 109	#CBCB6D
33.3%	33.3% #C5C560	RGB 197 197 96	#C5C560
50.0%	50.0% #BFC053	RGB 191 192 83	#BFC053
66.7%	66.7% #B9BA45	RGB 185 186 69	#B9BA45
83.3%	83.3% #B3B438	RGB 179 180 56	#B3B438
100.0%	100.0% #AEAF2B	RGB 174 175 43	#AEAF2B

#D1D17B #CBCB6D #C5C560 #BFC053 #B9BA45 #B3B438 #AEAF2B

#D1D17B - #AEAF2B

HSV Blend

#D1D17B - #AEAF2B | 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 #D1D17B as 0% and #AEAF2B as 100%.

0.0%	0.0% #D1D17B	RGB 209 209 123	#D1D17B
16.7%	16.7% #CBCB6C	RGB 203 203 108	#CBCB6C
33.3%	33.3% #C5C55D	RGB 197 197 93	#C5C55D
50.0%	50.0% #BFC050	RGB 191 192 80	#BFC050
66.7%	66.7% #B9BA43	RGB 185 186 67	#B9BA43
83.3%	83.3% #B3B436	RGB 179 180 54	#B3B436
100.0%	100.0% #AEAF2B	RGB 174 175 43	#AEAF2B

#D1D17B #CBCB6C #C5C55D #BFC050 #B9BA43 #B3B436 #AEAF2B

#D1D17B - #BFC050 - #AEAF2B

CSS codes

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

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