#B6B593 - #D9AFC7 | 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 #B6B593 to #D9AFC7

#B6B593 #D9AFC7

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

#B6B593 - #D9AFC7 | 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 #B6B593 as 0% and #D9AFC7 as 100%.

0.0%	0.0% #B6B593	RGB 182 181 147	#B6B593
16.7%	16.7% #BBB49B	RGB 187 180 155	#BBB49B
33.3%	33.3% #C1B3A4	RGB 193 179 164	#C1B3A4
50.0%	50.0% #C7B2AD	RGB 199 178 173	#C7B2AD
66.7%	66.7% #CDB1B5	RGB 205 177 181	#CDB1B5
83.3%	83.3% #D3B0BE	RGB 211 176 190	#D3B0BE
100.0%	100.0% #D9AFC7	RGB 217 175 199	#D9AFC7

#B6B593 #BBB49B #C1B3A4 #C7B2AD #CDB1B5 #D3B0BE #D9AFC7

#B6B593 - #D9AFC7

HSV Blend

#B6B593 - #D9AFC7 | 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 #B6B593 as 0% and #D9AFC7 as 100%.

0.0%	0.0% #B6B593	RGB 182 181 147	#B6B593
16.7%	16.7% #BBB197	RGB 187 177 151	#BBB197
33.3%	33.3% #C1AD9C	RGB 193 173 156	#C1AD9C
50.0%	50.0% #C7A8A1	RGB 199 168 161	#C7A8A1
66.7%	66.7% #CDA5A7	RGB 205 165 167	#CDA5A7
83.3%	83.3% #D3AAB7	RGB 211 170 183	#D3AAB7
100.0%	100.0% #D9AFC7	RGB 217 175 199	#D9AFC7

#B6B593 #BBB197 #C1AD9C #C7A8A1 #CDA5A7 #D3AAB7 #D9AFC7

#B6B593 - #C7A8A1 - #D9AFC7

CSS codes

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

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