#9DA3C7 - #415583 | 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 #9DA3C7 to #415583

#9DA3C7 #415583

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

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

0.0%	0.0% #9DA3C7	RGB 157 163 199	#9DA3C7
16.7%	16.7% #8D96BB	RGB 141 150 187	#8D96BB
33.3%	33.3% #7E89B0	RGB 126 137 176	#7E89B0
50.0%	50.0% #6F7CA5	RGB 111 124 165	#6F7CA5
66.7%	66.7% #5F6F99	RGB 95 111 153	#5F6F99
83.3%	83.3% #50628E	RGB 80 98 142	#50628E
100.0%	100.0% #415583	RGB 65 85 131	#415583

#9DA3C7 #8D96BB #7E89B0 #6F7CA5 #5F6F99 #50628E #415583

#9DA3C7 - #415583

HSV Blend

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

0.0%	0.0% #9DA3C7	RGB 157 163 199	#9DA3C7
16.7%	16.7% #8A93BB	RGB 138 147 187	#8A93BB
33.3%	33.3% #7984B0	RGB 121 132 176	#7984B0
50.0%	50.0% #6A77A5	RGB 106 119 165	#6A77A5
66.7%	66.7% #5B6A99	RGB 91 106 153	#5B6A99
83.3%	83.3% #4D5F8E	RGB 77 95 142	#4D5F8E
100.0%	100.0% #415583	RGB 65 85 131	#415583

#9DA3C7 #8A93BB #7984B0 #6A77A5 #5B6A99 #4D5F8E #415583

#9DA3C7 - #6A77A5 - #415583

CSS codes

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

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