#DCC7B9 - #AA7E64 | 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 #DCC7B9 to #AA7E64

#DCC7B9 #AA7E64

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

#DCC7B9 - #AA7E64 | 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 #DCC7B9 as 0% and #AA7E64 as 100%.

0.0%	0.0% #DCC7B9	RGB 220 199 185	#DCC7B9
16.7%	16.7% #D3BAAA	RGB 211 186 170	#D3BAAA
33.3%	33.3% #CBAE9C	RGB 203 174 156	#CBAE9C
50.0%	50.0% #C3A28E	RGB 195 162 142	#C3A28E
66.7%	66.7% #BA9680	RGB 186 150 128	#BA9680
83.3%	83.3% #B28A72	RGB 178 138 114	#B28A72
100.0%	100.0% #AA7E64	RGB 170 126 100	#AA7E64

#DCC7B9 #D3BAAA #CBAE9C #C3A28E #BA9680 #B28A72 #AA7E64

#DCC7B9 - #AA7E64

HSV Blend

#DCC7B9 - #AA7E64 | 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 #DCC7B9 as 0% and #AA7E64 as 100%.

0.0%	0.0% #DCC7B9	RGB 220 199 185	#DCC7B9
16.7%	16.7% #D3B9A9	RGB 211 185 169	#D3B9A9
33.3%	33.3% #CBAD99	RGB 203 173 153	#CBAD99
50.0%	50.0% #C3A08B	RGB 195 160 139	#C3A08B
66.7%	66.7% #BA947D	RGB 186 148 125	#BA947D
83.3%	83.3% #B28970	RGB 178 137 112	#B28970
100.0%	100.0% #AA7E64	RGB 170 126 100	#AA7E64

#DCC7B9 #D3B9A9 #CBAD99 #C3A08B #BA947D #B28970 #AA7E64

#DCC7B9 - #C3A08B - #AA7E64

CSS codes

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

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