#BDBFC0 - #5E7D5E | 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 #BDBFC0 to #5E7D5E

#BDBFC0 #5E7D5E

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

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

0.0%	0.0% #BDBFC0	RGB 189 191 192	#BDBFC0
16.7%	16.7% #ADB4AF	RGB 173 180 175	#ADB4AF
33.3%	33.3% #9DA99F	RGB 157 169 159	#9DA99F
50.0%	50.0% #8D9E8F	RGB 141 158 143	#8D9E8F
66.7%	66.7% #7D937E	RGB 125 147 126	#7D937E
83.3%	83.3% #6D886E	RGB 109 136 110	#6D886E
100.0%	100.0% #5E7D5E	RGB 94 125 94	#5E7D5E

#BDBFC0 #ADB4AF #9DA99F #8D9E8F #7D937E #6D886E #5E7D5E

#BDBFC0 - #5E7D5E

HSV Blend

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

0.0%	0.0% #BDBFC0	RGB 189 191 192	#BDBFC0
16.7%	16.7% #ABB3B4	RGB 171 179 180	#ABB3B4
33.3%	33.3% #99A9A7	RGB 153 169 167	#99A9A7
50.0%	50.0% #899E97	RGB 137 158 151	#899E97
66.7%	66.7% #7A9385	RGB 122 147 133	#7A9385
83.3%	83.3% #6B8872	RGB 107 136 114	#6B8872
100.0%	100.0% #5E7D5E	RGB 94 125 94	#5E7D5E

#BDBFC0 #ABB3B4 #99A9A7 #899E97 #7A9385 #6B8872 #5E7D5E

#BDBFC0 - #899E97 - #5E7D5E

CSS codes

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

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