#BDBCC1 - #776279 | 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 #BDBCC1 to #776279

#BDBCC1 #776279

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

#BDBCC1 - #776279 | 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 #BDBCC1 as 0% and #776279 as 100%.

0.0%	0.0% #BDBCC1	RGB 189 188 193	#BDBCC1
16.7%	16.7% #B1ADB5	RGB 177 173 181	#B1ADB5
33.3%	33.3% #A59EA9	RGB 165 158 169	#A59EA9
50.0%	50.0% #9A8F9D	RGB 154 143 157	#9A8F9D
66.7%	66.7% #8E8091	RGB 142 128 145	#8E8091
83.3%	83.3% #827185	RGB 130 113 133	#827185
100.0%	100.0% #776279	RGB 119 98 121	#776279

#BDBCC1 #B1ADB5 #A59EA9 #9A8F9D #8E8091 #827185 #776279

#BDBCC1 - #776279

HSV Blend

#BDBCC1 - #776279 | 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 #BDBCC1 as 0% and #776279 as 100%.

0.0%	0.0% #BDBCC1	RGB 189 188 193	#BDBCC1
16.7%	16.7% #AEABB5	RGB 174 171 181	#AEABB5
33.3%	33.3% #A19BA9	RGB 161 155 169	#A19BA9
50.0%	50.0% #958C9D	RGB 149 140 157	#958C9D
66.7%	66.7% #8A7D91	RGB 138 125 145	#8A7D91
83.3%	83.3% #806F85	RGB 128 111 133	#806F85
100.0%	100.0% #776279	RGB 119 98 121	#776279

#BDBCC1 #AEABB5 #A19BA9 #958C9D #8A7D91 #806F85 #776279

#BDBCC1 - #958C9D - #776279

CSS codes

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

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