#BDBBC2 - #75627B | 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 #BDBBC2 to #75627B

#BDBBC2 #75627B

Calculate the color between two colors, #BDBBC2 and #75627B. 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)

#BDBBC2 - #75627B | 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 #BDBBC2 as 0% and #75627B as 100%.

0.0%	0.0% #BDBBC2	RGB 189 187 194	#BDBBC2
16.7%	16.7% #B1ACB6	RGB 177 172 182	#B1ACB6
33.3%	33.3% #A59DAA	RGB 165 157 170	#A59DAA
50.0%	50.0% #998E9E	RGB 153 142 158	#998E9E
66.7%	66.7% #8D7F92	RGB 141 127 146	#8D7F92
83.3%	83.3% #817086	RGB 129 112 134	#817086
100.0%	100.0% #75627B	RGB 117 98 123	#75627B

#BDBBC2 #B1ACB6 #A59DAA #998E9E #8D7F92 #817086 #75627B

#BDBBC2 - #75627B

HSV Blend

#BDBBC2 - #75627B | 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 #BDBBC2 as 0% and #75627B as 100%.

0.0%	0.0% #BDBBC2	RGB 189 187 194	#BDBBC2
16.7%	16.7% #AEAAB6	RGB 174 170 182	#AEAAB6
33.3%	33.3% #A19AAA	RGB 161 154 170	#A19AAA
50.0%	50.0% #958B9E	RGB 149 139 158	#958B9E
66.7%	66.7% #8A7D92	RGB 138 125 146	#8A7D92
83.3%	83.3% #7F6F86	RGB 127 111 134	#7F6F86
100.0%	100.0% #75627B	RGB 117 98 123	#75627B

#BDBBC2 #AEAAB6 #A19AAA #958B9E #8A7D92 #7F6F86 #75627B

#BDBBC2 - #958B9E - #75627B

CSS codes

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

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