#BCB7CD - #575C8C | 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 #BCB7CD to #575C8C

#BCB7CD #575C8C

Calculate the color between two colors, #BCB7CD and #575C8C. 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)

#BCB7CD - #575C8C | 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 #BCB7CD as 0% and #575C8C as 100%.

0.0%	0.0% #BCB7CD	RGB 188 183 205	#BCB7CD
16.7%	16.7% #ABA7C2	RGB 171 167 194	#ABA7C2
33.3%	33.3% #9A98B7	RGB 154 152 183	#9A98B7
50.0%	50.0% #8989AC	RGB 137 137 172	#8989AC
66.7%	66.7% #787AA1	RGB 120 122 161	#787AA1
83.3%	83.3% #676B96	RGB 103 107 150	#676B96
100.0%	100.0% #575C8C	RGB 87 92 140	#575C8C

#BCB7CD #ABA7C2 #9A98B7 #8989AC #787AA1 #676B96 #575C8C

#BCB7CD - #575C8C

HSV Blend

#BCB7CD - #575C8C | 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 #BCB7CD as 0% and #575C8C as 100%.

0.0%	0.0% #BCB7CD	RGB 188 183 205	#BCB7CD
16.7%	16.7% #A9A4C2	RGB 169 164 194	#A9A4C2
33.3%	33.3% #9793B7	RGB 151 147 183	#9793B7
50.0%	50.0% #8582AC	RGB 133 130 172	#8582AC
66.7%	66.7% #7373A1	RGB 115 115 161	#7373A1
83.3%	83.3% #646696	RGB 100 102 150	#646696
100.0%	100.0% #575C8C	RGB 87 92 140	#575C8C

#BCB7CD #A9A4C2 #9793B7 #8582AC #7373A1 #646696 #575C8C

#BCB7CD - #8582AC - #575C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB7CD 0%, #8582AC 50%, #575C8C 100%);
    background: -webkit-linear-gradient(top, #BCB7CD 0%, #8582AC 50%, #575C8C 100%);
    background: linear-gradient(to bottom, #BCB7CD 0%, #8582AC 50%, #575C8C 100%);
}
</style>