#9FABEB - #2D3043 | 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 #9FABEB to #2D3043

#9FABEB #2D3043

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

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

0.0%	0.0% #9FABEB	RGB 159 171 235	#9FABEB
16.7%	16.7% #8C96CF	RGB 140 150 207	#8C96CF
33.3%	33.3% #7982B3	RGB 121 130 179	#7982B3
50.0%	50.0% #666D97	RGB 102 109 151	#666D97
66.7%	66.7% #53597B	RGB 83 89 123	#53597B
83.3%	83.3% #40445F	RGB 64 68 95	#40445F
100.0%	100.0% #2D3043	RGB 45 48 67	#2D3043

#9FABEB #8C96CF #7982B3 #666D97 #53597B #40445F #2D3043

#9FABEB - #2D3043

HSV Blend

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

0.0%	0.0% #9FABEB	RGB 159 171 235	#9FABEB
16.7%	16.7% #8B96CF	RGB 139 150 207	#8B96CF
33.3%	33.3% #7881B3	RGB 120 129 179	#7881B3
50.0%	50.0% #656D97	RGB 101 109 151	#656D97
66.7%	66.7% #52587B	RGB 82 88 123	#52587B
83.3%	83.3% #3F445F	RGB 63 68 95	#3F445F
100.0%	100.0% #2D3043	RGB 45 48 67	#2D3043

#9FABEB #8B96CF #7881B3 #656D97 #52587B #3F445F #2D3043

#9FABEB - #656D97 - #2D3043

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FABEB 0%, #656D97 50%, #2D3043 100%);
    background: -webkit-linear-gradient(top, #9FABEB 0%, #656D97 50%, #2D3043 100%);
    background: linear-gradient(to bottom, #9FABEB 0%, #656D97 50%, #2D3043 100%);
}
</style>