#9DB3C7 - #496385 | 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 #9DB3C7 to #496385

#9DB3C7 #496385

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

#9DB3C7 - #496385 | 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 #9DB3C7 as 0% and #496385 as 100%.

0.0%	0.0% #9DB3C7	RGB 157 179 199	#9DB3C7
16.7%	16.7% #8FA5BC	RGB 143 165 188	#8FA5BC
33.3%	33.3% #8198B1	RGB 129 152 177	#8198B1
50.0%	50.0% #738BA6	RGB 115 139 166	#738BA6
66.7%	66.7% #657D9B	RGB 101 125 155	#657D9B
83.3%	83.3% #577090	RGB 87 112 144	#577090
100.0%	100.0% #496385	RGB 73 99 133	#496385

#9DB3C7 #8FA5BC #8198B1 #738BA6 #657D9B #577090 #496385

#9DB3C7 - #496385

HSV Blend

#9DB3C7 - #496385 | 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 #9DB3C7 as 0% and #496385 as 100%.

0.0%	0.0% #9DB3C7	RGB 157 179 199	#9DB3C7
16.7%	16.7% #8CA4BC	RGB 140 164 188	#8CA4BC
33.3%	33.3% #7D96B1	RGB 125 150 177	#7D96B1
50.0%	50.0% #6F89A6	RGB 111 137 166	#6F89A6
66.7%	66.7% #617C9B	RGB 97 124 155	#617C9B
83.3%	83.3% #546F90	RGB 84 111 144	#546F90
100.0%	100.0% #496385	RGB 73 99 133	#496385

#9DB3C7 #8CA4BC #7D96B1 #6F89A6 #617C9B #546F90 #496385

#9DB3C7 - #6F89A6 - #496385

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DB3C7 0%, #6F89A6 50%, #496385 100%);
    background: -webkit-linear-gradient(top, #9DB3C7 0%, #6F89A6 50%, #496385 100%);
    background: linear-gradient(to bottom, #9DB3C7 0%, #6F89A6 50%, #496385 100%);
}
</style>