#3B5E84 - #9DA8AE | 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 #3B5E84 to #9DA8AE

#3B5E84 #9DA8AE

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

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

0.0%	0.0% #3B5E84	RGB 59 94 132	#3B5E84
16.7%	16.7% #4B6A8B	RGB 75 106 139	#4B6A8B
33.3%	33.3% #5B7692	RGB 91 118 146	#5B7692
50.0%	50.0% #6C8399	RGB 108 131 153	#6C8399
66.7%	66.7% #7C8FA0	RGB 124 143 160	#7C8FA0
83.3%	83.3% #8C9BA7	RGB 140 155 167	#8C9BA7
100.0%	100.0% #9DA8AE	RGB 157 168 174	#9DA8AE

#3B5E84 #4B6A8B #5B7692 #6C8399 #7C8FA0 #8C9BA7 #9DA8AE

#3B5E84 - #9DA8AE

HSV Blend

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

0.0%	0.0% #3B5D84	RGB 59 93 132	#3B5D84
16.7%	16.7% #486A8B	RGB 72 106 139	#486A8B
33.3%	33.3% #577692	RGB 87 118 146	#577692
50.0%	50.0% #678399	RGB 103 131 153	#678399
66.7%	66.7% #788FA0	RGB 120 143 160	#788FA0
83.3%	83.3% #8A9BA7	RGB 138 155 167	#8A9BA7
100.0%	100.0% #9DA8AE	RGB 157 168 174	#9DA8AE

#3B5D84 #486A8B #577692 #678399 #788FA0 #8A9BA7 #9DA8AE

#3B5E84 - #678399 - #9DA8AE

CSS codes

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

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