#B7B6A8 - #DAB3C6 | 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 #B7B6A8 to #DAB3C6

#B7B6A8 #DAB3C6

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

#B7B6A8 - #DAB3C6 | 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 #B7B6A8 as 0% and #DAB3C6 as 100%.

0.0%	0.0% #B7B6A8	RGB 183 182 168	#B7B6A8
16.7%	16.7% #BCB5AD	RGB 188 181 173	#BCB5AD
33.3%	33.3% #C2B5B2	RGB 194 181 178	#C2B5B2
50.0%	50.0% #C8B4B7	RGB 200 180 183	#C8B4B7
66.7%	66.7% #CEB4BC	RGB 206 180 188	#CEB4BC
83.3%	83.3% #D4B3C1	RGB 212 179 193	#D4B3C1
100.0%	100.0% #DAB3C6	RGB 218 179 198	#DAB3C6

#B7B6A8 #BCB5AD #C2B5B2 #C8B4B7 #CEB4BC #D4B3C1 #DAB3C6

#B7B6A8 - #DAB3C6

HSV Blend

#B7B6A8 - #DAB3C6 | 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 #B7B6A8 as 0% and #DAB3C6 as 100%.

0.0%	0.0% #B7B6A8	RGB 183 182 168	#B7B6A8
16.7%	16.7% #BCB7AA	RGB 188 183 170	#BCB7AA
33.3%	33.3% #C2B6AC	RGB 194 182 172	#C2B6AC
50.0%	50.0% #C8B4AE	RGB 200 180 174	#C8B4AE
66.7%	66.7% #CEB0B0	RGB 206 176 176	#CEB0B0
83.3%	83.3% #D4B1BA	RGB 212 177 186	#D4B1BA
100.0%	100.0% #DAB3C6	RGB 218 179 198	#DAB3C6

#B7B6A8 #BCB7AA #C2B6AC #C8B4AE #CEB0B0 #D4B1BA #DAB3C6

#B7B6A8 - #C8B4AE - #DAB3C6

CSS codes

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

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