#BDC0BF - #5E7D69 | 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 #BDC0BF to #5E7D69

#BDC0BF #5E7D69

Calculate the color between two colors, #BDC0BF and #5E7D69. 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)

#BDC0BF - #5E7D69 | 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 #BDC0BF as 0% and #5E7D69 as 100%.

0.0%	0.0% #BDC0BF	RGB 189 192 191	#BDC0BF
16.7%	16.7% #ADB4B0	RGB 173 180 176	#ADB4B0
33.3%	33.3% #9DA9A2	RGB 157 169 162	#9DA9A2
50.0%	50.0% #8D9E94	RGB 141 158 148	#8D9E94
66.7%	66.7% #7D9385	RGB 125 147 133	#7D9385
83.3%	83.3% #6D8877	RGB 109 136 119	#6D8877
100.0%	100.0% #5E7D69	RGB 94 125 105	#5E7D69

#BDC0BF #ADB4B0 #9DA9A2 #8D9E94 #7D9385 #6D8877 #5E7D69

#BDC0BF - #5E7D69

HSV Blend

#BDC0BF - #5E7D69 | 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 #BDC0BF as 0% and #5E7D69 as 100%.

0.0%	0.0% #BDC0BF	RGB 189 192 191	#BDC0BF
16.7%	16.7% #ABB4B1	RGB 171 180 177	#ABB4B1
33.3%	33.3% #99A9A2	RGB 153 169 162	#99A9A2
50.0%	50.0% #899E94	RGB 137 158 148	#899E94
66.7%	66.7% #7A9385	RGB 122 147 133	#7A9385
83.3%	83.3% #6B8877	RGB 107 136 119	#6B8877
100.0%	100.0% #5E7D69	RGB 94 125 105	#5E7D69

#BDC0BF #ABB4B1 #99A9A2 #899E94 #7A9385 #6B8877 #5E7D69

#BDC0BF - #899E94 - #5E7D69

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDC0BF 0%, #899E94 50%, #5E7D69 100%);
    background: -webkit-linear-gradient(top, #BDC0BF 0%, #899E94 50%, #5E7D69 100%);
    background: linear-gradient(to bottom, #BDC0BF 0%, #899E94 50%, #5E7D69 100%);
}
</style>