#BCB4C0 - #6C5E78 | 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 #BCB4C0 to #6C5E78

#BCB4C0 #6C5E78

Calculate the color between two colors, #BCB4C0 and #6C5E78. 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)

#BCB4C0 - #6C5E78 | 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 #BCB4C0 as 0% and #6C5E78 as 100%.

0.0%	0.0% #BCB4C0	RGB 188 180 192	#BCB4C0
16.7%	16.7% #AEA5B4	RGB 174 165 180	#AEA5B4
33.3%	33.3% #A197A8	RGB 161 151 168	#A197A8
50.0%	50.0% #94899C	RGB 148 137 156	#94899C
66.7%	66.7% #867A90	RGB 134 122 144	#867A90
83.3%	83.3% #796C84	RGB 121 108 132	#796C84
100.0%	100.0% #6C5E78	RGB 108 94 120	#6C5E78

#BCB4C0 #AEA5B4 #A197A8 #94899C #867A90 #796C84 #6C5E78

#BCB4C0 - #6C5E78

HSV Blend

#BCB4C0 - #6C5E78 | 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 #BCB4C0 as 0% and #6C5E78 as 100%.

0.0%	0.0% #BCB4C0	RGB 188 180 192	#BCB4C0
16.7%	16.7% #AEA4B4	RGB 174 164 180	#AEA4B4
33.3%	33.3% #A094A8	RGB 160 148 168	#A094A8
50.0%	50.0% #93869C	RGB 147 134 156	#93869C
66.7%	66.7% #867890	RGB 134 120 144	#867890
83.3%	83.3% #786A84	RGB 120 106 132	#786A84
100.0%	100.0% #6C5E78	RGB 108 94 120	#6C5E78

#BCB4C0 #AEA4B4 #A094A8 #93869C #867890 #786A84 #6C5E78

#BCB4C0 - #93869C - #6C5E78

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB4C0 0%, #93869C 50%, #6C5E78 100%);
    background: -webkit-linear-gradient(top, #BCB4C0 0%, #93869C 50%, #6C5E78 100%);
    background: linear-gradient(to bottom, #BCB4C0 0%, #93869C 50%, #6C5E78 100%);
}
</style>