#9FBCB7 - #3A847E | 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 #9FBCB7 to #3A847E

#9FBCB7 #3A847E

Calculate the color between two colors, #9FBCB7 and #3A847E. 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)

#9FBCB7 - #3A847E | 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 #9FBCB7 as 0% and #3A847E as 100%.

0.0%	0.0% #9FBCB7	RGB 159 188 183	#9FBCB7
16.7%	16.7% #8EB2AD	RGB 142 178 173	#8EB2AD
33.3%	33.3% #7DA9A4	RGB 125 169 164	#7DA9A4
50.0%	50.0% #6CA09A	RGB 108 160 154	#6CA09A
66.7%	66.7% #5B9691	RGB 91 150 145	#5B9691
83.3%	83.3% #4A8D87	RGB 74 141 135	#4A8D87
100.0%	100.0% #3A847E	RGB 58 132 126	#3A847E

#9FBCB7 #8EB2AD #7DA9A4 #6CA09A #5B9691 #4A8D87 #3A847E

#9FBCB7 - #3A847E

HSV Blend

#9FBCB7 - #3A847E | 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 #9FBCB7 as 0% and #3A847E as 100%.

0.0%	0.0% #9FBCB7	RGB 159 188 183	#9FBCB7
16.7%	16.7% #8BB2AC	RGB 139 178 172	#8BB2AC
33.3%	33.3% #78A9A2	RGB 120 169 162	#78A9A2
50.0%	50.0% #66A098	RGB 102 160 152	#66A098
66.7%	66.7% #56968F	RGB 86 150 143	#56968F
83.3%	83.3% #478D86	RGB 71 141 134	#478D86
100.0%	100.0% #3A847E	RGB 58 132 126	#3A847E

#9FBCB7 #8BB2AC #78A9A2 #66A098 #56968F #478D86 #3A847E

#9FBCB7 - #66A098 - #3A847E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FBCB7 0%, #66A098 50%, #3A847E 100%);
    background: -webkit-linear-gradient(top, #9FBCB7 0%, #66A098 50%, #3A847E 100%);
    background: linear-gradient(to bottom, #9FBCB7 0%, #66A098 50%, #3A847E 100%);
}
</style>