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

#B6B591 #D9AFC7

Calculate the color between two colors, #B6B591 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)

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

0.0%	0.0% #B6B591	RGB 182 181 145	#B6B591
16.7%	16.7% #BBB49A	RGB 187 180 154	#BBB49A
33.3%	33.3% #C1B3A3	RGB 193 179 163	#C1B3A3
50.0%	50.0% #C7B2AC	RGB 199 178 172	#C7B2AC
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

#B6B591 #BBB49A #C1B3A3 #C7B2AC #CDB1B5 #D3B0BE #D9AFC7

#B6B591 - #D9AFC7

HSV Blend

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

0.0%	0.0% #B6B591	RGB 182 181 145	#B6B591
16.7%	16.7% #BBB195	RGB 187 177 149	#BBB195
33.3%	33.3% #C1AC9A	RGB 193 172 154	#C1AC9A
50.0%	50.0% #C7A79F	RGB 199 167 159	#C7A79F
66.7%	66.7% #CDA4A7	RGB 205 164 167	#CDA4A7
83.3%	83.3% #D3A9B6	RGB 211 169 182	#D3A9B6
100.0%	100.0% #D9AFC7	RGB 217 175 199	#D9AFC7

#B6B591 #BBB195 #C1AC9A #C7A79F #CDA4A7 #D3A9B6 #D9AFC7

#B6B591 - #C7A79F - #D9AFC7

CSS codes

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

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