#9DA4DA - #3E529B | 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 #9DA4DA to #3E529B

#9DA4DA #3E529B

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

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

0.0%	0.0% #9DA4DA	RGB 157 164 218	#9DA4DA
16.7%	16.7% #8D96CF	RGB 141 150 207	#8D96CF
33.3%	33.3% #7D88C5	RGB 125 136 197	#7D88C5
50.0%	50.0% #6D7BBA	RGB 109 123 186	#6D7BBA
66.7%	66.7% #5D6DB0	RGB 93 109 176	#5D6DB0
83.3%	83.3% #4D5FA5	RGB 77 95 165	#4D5FA5
100.0%	100.0% #3E529B	RGB 62 82 155	#3E529B

#9DA4DA #8D96CF #7D88C5 #6D7BBA #5D6DB0 #4D5FA5 #3E529B

#9DA4DA - #3E529B

HSV Blend

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

0.0%	0.0% #9DA4DA	RGB 157 164 218	#9DA4DA
16.7%	16.7% #8A93CF	RGB 138 147 207	#8A93CF
33.3%	33.3% #7884C5	RGB 120 132 197	#7884C5
50.0%	50.0% #6875BA	RGB 104 117 186	#6875BA
66.7%	66.7% #5968B0	RGB 89 104 176	#5968B0
83.3%	83.3% #4B5CA5	RGB 75 92 165	#4B5CA5
100.0%	100.0% #3E529B	RGB 62 82 155	#3E529B

#9DA4DA #8A93CF #7884C5 #6875BA #5968B0 #4B5CA5 #3E529B

#9DA4DA - #6875BA - #3E529B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DA4DA 0%, #6875BA 50%, #3E529B 100%);
    background: -webkit-linear-gradient(top, #9DA4DA 0%, #6875BA 50%, #3E529B 100%);
    background: linear-gradient(to bottom, #9DA4DA 0%, #6875BA 50%, #3E529B 100%);
}
</style>