#9FBCC7 - #2D3438 | 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 #9FBCC7 to #2D3438

#9FBCC7 #2D3438

Calculate the color between two colors, #9FBCC7 and #2D3438. 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)

#9FBCC7 - #2D3438 | 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 #9FBCC7 as 0% and #2D3438 as 100%.

0.0%	0.0% #9FBCC7	RGB 159 188 199	#9FBCC7
16.7%	16.7% #8CA5AF	RGB 140 165 175	#8CA5AF
33.3%	33.3% #798E97	RGB 121 142 151	#798E97
50.0%	50.0% #66787F	RGB 102 120 127	#66787F
66.7%	66.7% #536167	RGB 83 97 103	#536167
83.3%	83.3% #404A4F	RGB 64 74 79	#404A4F
100.0%	100.0% #2D3438	RGB 45 52 56	#2D3438

#9FBCC7 #8CA5AF #798E97 #66787F #536167 #404A4F #2D3438

#9FBCC7 - #2D3438

HSV Blend

#9FBCC7 - #2D3438 | 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 #9FBCC7 as 0% and #2D3438 as 100%.

0.0%	0.0% #9FBCC7	RGB 159 188 199	#9FBCC7
16.7%	16.7% #8CA5AF	RGB 140 165 175	#8CA5AF
33.3%	33.3% #798E97	RGB 121 142 151	#798E97
50.0%	50.0% #66777F	RGB 102 119 127	#66777F
66.7%	66.7% #536067	RGB 83 96 103	#536067
83.3%	83.3% #404A4F	RGB 64 74 79	#404A4F
100.0%	100.0% #2D3438	RGB 45 52 56	#2D3438

#9FBCC7 #8CA5AF #798E97 #66777F #536067 #404A4F #2D3438

#9FBCC7 - #66777F - #2D3438

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FBCC7 0%, #66777F 50%, #2D3438 100%);
    background: -webkit-linear-gradient(top, #9FBCC7 0%, #66777F 50%, #2D3438 100%);
    background: linear-gradient(to bottom, #9FBCC7 0%, #66777F 50%, #2D3438 100%);
}
</style>