#3E5D8D - #9AA7B5 | 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 #3E5D8D to #9AA7B5

#3E5D8D #9AA7B5

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

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

0.0%	0.0% #3E5D8D	RGB 62 93 141	#3E5D8D
16.7%	16.7% #4D6993	RGB 77 105 147	#4D6993
33.3%	33.3% #5C759A	RGB 92 117 154	#5C759A
50.0%	50.0% #6C82A1	RGB 108 130 161	#6C82A1
66.7%	66.7% #7B8EA7	RGB 123 142 167	#7B8EA7
83.3%	83.3% #8A9AAE	RGB 138 154 174	#8A9AAE
100.0%	100.0% #9AA7B5	RGB 154 167 181	#9AA7B5

#3E5D8D #4D6993 #5C759A #6C82A1 #7B8EA7 #8A9AAE #9AA7B5

#3E5D8D - #9AA7B5

HSV Blend

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

0.0%	0.0% #3E5C8D	RGB 62 92 141	#3E5C8D
16.7%	16.7% #4B6893	RGB 75 104 147	#4B6893
33.3%	33.3% #59749A	RGB 89 116 154	#59749A
50.0%	50.0% #6780A1	RGB 103 128 161	#6780A1
66.7%	66.7% #778DA7	RGB 119 141 167	#778DA7
83.3%	83.3% #889AAE	RGB 136 154 174	#889AAE
100.0%	100.0% #9AA7B5	RGB 154 167 181	#9AA7B5

#3E5C8D #4B6893 #59749A #6780A1 #778DA7 #889AAE #9AA7B5

#3E5D8D - #6780A1 - #9AA7B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C8D 0%, #6780A1 50%, #9AA7B5 100%);
    background: -webkit-linear-gradient(top, #3E5C8D 0%, #6780A1 50%, #9AA7B5 100%);
    background: linear-gradient(to bottom, #3E5C8D 0%, #6780A1 50%, #9AA7B5 100%);
}
</style>