#9DA3D9 - #3E5199 | 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 #9DA3D9 to #3E5199

#9DA3D9 #3E5199

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

#9DA3D9 - #3E5199 | 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 #9DA3D9 as 0% and #3E5199 as 100%.

0.0%	0.0% #9DA3D9	RGB 157 163 217	#9DA3D9
16.7%	16.7% #8D95CE	RGB 141 149 206	#8D95CE
33.3%	33.3% #7D87C3	RGB 125 135 195	#7D87C3
50.0%	50.0% #6D7AB9	RGB 109 122 185	#6D7AB9
66.7%	66.7% #5D6CAE	RGB 93 108 174	#5D6CAE
83.3%	83.3% #4D5EA3	RGB 77 94 163	#4D5EA3
100.0%	100.0% #3E5199	RGB 62 81 153	#3E5199

#9DA3D9 #8D95CE #7D87C3 #6D7AB9 #5D6CAE #4D5EA3 #3E5199

#9DA3D9 - #3E5199

HSV Blend

#9DA3D9 - #3E5199 | 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 #9DA3D9 as 0% and #3E5199 as 100%.

0.0%	0.0% #9DA3D9	RGB 157 163 217	#9DA3D9
16.7%	16.7% #8A92CE	RGB 138 146 206	#8A92CE
33.3%	33.3% #7883C3	RGB 120 131 195	#7883C3
50.0%	50.0% #6874B9	RGB 104 116 185	#6874B9
66.7%	66.7% #5967AE	RGB 89 103 174	#5967AE
83.3%	83.3% #4B5BA3	RGB 75 91 163	#4B5BA3
100.0%	100.0% #3E5199	RGB 62 81 153	#3E5199

#9DA3D9 #8A92CE #7883C3 #6874B9 #5967AE #4B5BA3 #3E5199

#9DA3D9 - #6874B9 - #3E5199

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DA3D9 0%, #6874B9 50%, #3E5199 100%);
    background: -webkit-linear-gradient(top, #9DA3D9 0%, #6874B9 50%, #3E5199 100%);
    background: linear-gradient(to bottom, #9DA3D9 0%, #6874B9 50%, #3E5199 100%);
}
</style>