#B58C8D - #C0CDC6 | 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 #B58C8D to #C0CDC6

#B58C8D #C0CDC6

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

#B58C8D - #C0CDC6 | 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 #B58C8D as 0% and #C0CDC6 as 100%.

0.0%	0.0% #B58C8D	RGB 181 140 141	#B58C8D
16.7%	16.7% #B69696	RGB 182 150 150	#B69696
33.3%	33.3% #B8A1A0	RGB 184 161 160	#B8A1A0
50.0%	50.0% #BAACA9	RGB 186 172 169	#BAACA9
66.7%	66.7% #BCB7B3	RGB 188 183 179	#BCB7B3
83.3%	83.3% #BEC2BC	RGB 190 194 188	#BEC2BC
100.0%	100.0% #C0CDC6	RGB 192 205 198	#C0CDC6

#B58C8D #B69696 #B8A1A0 #BAACA9 #BCB7B3 #BEC2BC #C0CDC6

#B58C8D - #C0CDC6

HSV Blend

#B58C8D - #C0CDC6 | 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 #B58C8D as 0% and #C0CDC6 as 100%.

0.0%	0.0% #B58C8D	RGB 181 140 141	#B58C8D
16.7%	16.7% #B9A294	RGB 185 162 148	#B9A294
33.3%	33.3% #BDB69C	RGB 189 182 156	#BDB69C
50.0%	50.0% #BAC1A5	RGB 186 193 165	#BAC1A5
66.7%	66.7% #B6C5AD	RGB 182 197 173	#B6C5AD
83.3%	83.3% #B6C9B7	RGB 182 201 183	#B6C9B7
100.0%	100.0% #C0CDC6	RGB 192 205 198	#C0CDC6

#B58C8D #B9A294 #BDB69C #BAC1A5 #B6C5AD #B6C9B7 #C0CDC6

#B58C8D - #BAC1A5 - #C0CDC6

CSS codes

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

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