#BCB7B8 - #BCB8DC | 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 #BCB7B8 to #BCB8DC

#BCB7B8 #BCB8DC

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

#BCB7B8 - #BCB8DC | 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 #BCB7B8 as 0% and #BCB8DC as 100%.

0.0%	0.0% #BCB7B8	RGB 188 183 184	#BCB7B8
16.7%	16.7% #BCB7BE	RGB 188 183 190	#BCB7BE
33.3%	33.3% #BCB7C4	RGB 188 183 196	#BCB7C4
50.0%	50.0% #BCB7CA	RGB 188 183 202	#BCB7CA
66.7%	66.7% #BCB7D0	RGB 188 183 208	#BCB7D0
83.3%	83.3% #BCB7D6	RGB 188 183 214	#BCB7D6
100.0%	100.0% #BCB8DC	RGB 188 184 220	#BCB8DC

#BCB7B8 #BCB7BE #BCB7C4 #BCB7CA #BCB7D0 #BCB7D6 #BCB8DC

#BCB7B8 - #BCB8DC

HSV Blend

#BCB7B8 - #BCB8DC | 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 #BCB7B8 as 0% and #BCB8DC as 100%.

0.0%	0.0% #BCB7B8	RGB 188 183 184	#BCB7B8
16.7%	16.7% #C1B7BC	RGB 193 183 188	#C1B7BC
33.3%	33.3% #C6B8C3	RGB 198 184 195	#C6B8C3
50.0%	50.0% #CBB8CC	RGB 203 184 204	#CBB8CC
66.7%	66.7% #C9B8D1	RGB 201 184 209	#C9B8D1
83.3%	83.3% #C4B8D6	RGB 196 184 214	#C4B8D6
100.0%	100.0% #BCB8DC	RGB 188 184 220	#BCB8DC

#BCB7B8 #C1B7BC #C6B8C3 #CBB8CC #C9B8D1 #C4B8D6 #BCB8DC

#BCB7B8 - #CBB8CC - #BCB8DC

CSS codes

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

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