#7E939C - #B0CD9F | 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 #7E939C to #B0CD9F

#7E939C #B0CD9F

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

#7E939C - #B0CD9F | 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 #7E939C as 0% and #B0CD9F as 100%.

0.0%	0.0% #7E939C	RGB 126 147 156	#7E939C
16.7%	16.7% #869C9C	RGB 134 156 156	#869C9C
33.3%	33.3% #8EA69D	RGB 142 166 157	#8EA69D
50.0%	50.0% #97B09D	RGB 151 176 157	#97B09D
66.7%	66.7% #9FB99E	RGB 159 185 158	#9FB99E
83.3%	83.3% #A7C39E	RGB 167 195 158	#A7C39E
100.0%	100.0% #B0CD9F	RGB 176 205 159	#B0CD9F

#7E939C #869C9C #8EA69D #97B09D #9FB99E #A7C39E #B0CD9F

#7E939C - #B0CD9F

HSV Blend

#7E939C - #B0CD9F | 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 #7E939C as 0% and #B0CD9F as 100%.

0.0%	0.0% #7E939C	RGB 126 147 156	#7E939C
16.7%	16.7% #83A3A4	RGB 131 163 164	#83A3A4
33.3%	33.3% #89ACA3	RGB 137 172 163	#89ACA3
50.0%	50.0% #8EB4A0	RGB 142 180 160	#8EB4A0
66.7%	66.7% #94BC9B	RGB 148 188 155	#94BC9B
83.3%	83.3% #9DC499	RGB 157 196 153	#9DC499
100.0%	100.0% #B0CD9F	RGB 176 205 159	#B0CD9F

#7E939C #83A3A4 #89ACA3 #8EB4A0 #94BC9B #9DC499 #B0CD9F

#7E939C - #8EB4A0 - #B0CD9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E939C 0%, #8EB4A0 50%, #B0CD9F 100%);
    background: -webkit-linear-gradient(top, #7E939C 0%, #8EB4A0 50%, #B0CD9F 100%);
    background: linear-gradient(to bottom, #7E939C 0%, #8EB4A0 50%, #B0CD9F 100%);
}
</style>