#9FA8DA - #2D2F3E | 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 #9FA8DA to #2D2F3E

#9FA8DA #2D2F3E

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

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

0.0%	0.0% #9FA8DA	RGB 159 168 218	#9FA8DA
16.7%	16.7% #8C93C0	RGB 140 147 192	#8C93C0
33.3%	33.3% #797FA6	RGB 121 127 166	#797FA6
50.0%	50.0% #666B8C	RGB 102 107 140	#666B8C
66.7%	66.7% #535772	RGB 83 87 114	#535772
83.3%	83.3% #404358	RGB 64 67 88	#404358
100.0%	100.0% #2D2F3E	RGB 45 47 62	#2D2F3E

#9FA8DA #8C93C0 #797FA6 #666B8C #535772 #404358 #2D2F3E

#9FA8DA - #2D2F3E

HSV Blend

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

0.0%	0.0% #9FA8DA	RGB 159 168 218	#9FA8DA
16.7%	16.7% #8B93C0	RGB 139 147 192	#8B93C0
33.3%	33.3% #787FA6	RGB 120 127 166	#787FA6
50.0%	50.0% #656B8C	RGB 101 107 140	#656B8C
66.7%	66.7% #525672	RGB 82 86 114	#525672
83.3%	83.3% #3F4258	RGB 63 66 88	#3F4258
100.0%	100.0% #2D2F3E	RGB 45 47 62	#2D2F3E

#9FA8DA #8B93C0 #787FA6 #656B8C #525672 #3F4258 #2D2F3E

#9FA8DA - #656B8C - #2D2F3E

CSS codes

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

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