#BCB0B5 - #8B5C68 | 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 #BCB0B5 to #8B5C68

#BCB0B5 #8B5C68

Calculate the color between two colors, #BCB0B5 and #8B5C68. 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)

#BCB0B5 - #8B5C68 | 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 #BCB0B5 as 0% and #8B5C68 as 100%.

0.0%	0.0% #BCB0B5	RGB 188 176 181	#BCB0B5
16.7%	16.7% #B3A2A8	RGB 179 162 168	#B3A2A8
33.3%	33.3% #AB949B	RGB 171 148 155	#AB949B
50.0%	50.0% #A3868E	RGB 163 134 142	#A3868E
66.7%	66.7% #9B7881	RGB 155 120 129	#9B7881
83.3%	83.3% #936A74	RGB 147 106 116	#936A74
100.0%	100.0% #8B5C68	RGB 139 92 104	#8B5C68

#BCB0B5 #B3A2A8 #AB949B #A3868E #9B7881 #936A74 #8B5C68

#BCB0B5 - #8B5C68

HSV Blend

#BCB0B5 - #8B5C68 | 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 #BCB0B5 as 0% and #8B5C68 as 100%.

0.0%	0.0% #BCB0B5	RGB 188 176 181	#BCB0B5
16.7%	16.7% #B3A0A7	RGB 179 160 167	#B3A0A7
33.3%	33.3% #AB919A	RGB 171 145 154	#AB919A
50.0%	50.0% #A3828D	RGB 163 130 141	#A3828D
66.7%	66.7% #9B7580	RGB 155 117 128	#9B7580
83.3%	83.3% #936874	RGB 147 104 116	#936874
100.0%	100.0% #8B5C68	RGB 139 92 104	#8B5C68

#BCB0B5 #B3A0A7 #AB919A #A3828D #9B7580 #936874 #8B5C68

#BCB0B5 - #A3828D - #8B5C68

CSS codes

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

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