#B6AE5E - #DFA9C9 | 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 #B6AE5E to #DFA9C9

#B6AE5E #DFA9C9

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

#B6AE5E - #DFA9C9 | 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 #B6AE5E as 0% and #DFA9C9 as 100%.

0.0%	0.0% #B6AE5E	RGB 182 174 94	#B6AE5E
16.7%	16.7% #BCAD6F	RGB 188 173 111	#BCAD6F
33.3%	33.3% #C3AC81	RGB 195 172 129	#C3AC81
50.0%	50.0% #CAAB93	RGB 202 171 147	#CAAB93
66.7%	66.7% #D1AAA5	RGB 209 170 165	#D1AAA5
83.3%	83.3% #D8A9B7	RGB 216 169 183	#D8A9B7
100.0%	100.0% #DFA9C9	RGB 223 169 201	#DFA9C9

#B6AE5E #BCAD6F #C3AC81 #CAAB93 #D1AAA5 #D8A9B7 #DFA9C9

#B6AE5E - #DFA9C9

HSV Blend

#B6AE5E - #DFA9C9 | 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 #B6AE5E as 0% and #DFA9C9 as 100%.

0.0%	0.0% #B6AE5E	RGB 182 174 94	#B6AE5E
16.7%	16.7% #BCA069	RGB 188 160 105	#BCA069
33.3%	33.3% #C39574	RGB 195 149 116	#C39574
50.0%	50.0% #CA8C81	RGB 202 140 129	#CA8C81
66.7%	66.7% #D18D94	RGB 209 141 148	#D18D94
83.3%	83.3% #D89BB0	RGB 216 155 176	#D89BB0
100.0%	100.0% #DFA9C9	RGB 223 169 201	#DFA9C9

#B6AE5E #BCA069 #C39574 #CA8C81 #D18D94 #D89BB0 #DFA9C9

#B6AE5E - #CA8C81 - #DFA9C9

CSS codes

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

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