#9EB6C2 - #4E657F | 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 #9EB6C2 to #4E657F

#9EB6C2 #4E657F

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

#9EB6C2 - #4E657F | 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 #9EB6C2 as 0% and #4E657F as 100%.

0.0%	0.0% #9EB6C2	RGB 158 182 194	#9EB6C2
16.7%	16.7% #90A8B6	RGB 144 168 182	#90A8B6
33.3%	33.3% #839BAB	RGB 131 155 171	#839BAB
50.0%	50.0% #768DA0	RGB 118 141 160	#768DA0
66.7%	66.7% #688095	RGB 104 128 149	#688095
83.3%	83.3% #5B728A	RGB 91 114 138	#5B728A
100.0%	100.0% #4E657F	RGB 78 101 127	#4E657F

#9EB6C2 #90A8B6 #839BAB #768DA0 #688095 #5B728A #4E657F

#9EB6C2 - #4E657F

HSV Blend

#9EB6C2 - #4E657F | 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 #9EB6C2 as 0% and #4E657F as 100%.

0.0%	0.0% #9EB6C2	RGB 158 182 194	#9EB6C2
16.7%	16.7% #8EA8B6	RGB 142 168 182	#8EA8B6
33.3%	33.3% #809AAB	RGB 128 154 171	#809AAB
50.0%	50.0% #728CA0	RGB 114 140 160	#728CA0
66.7%	66.7% #657F95	RGB 101 127 149	#657F95
83.3%	83.3% #59718A	RGB 89 113 138	#59718A
100.0%	100.0% #4E657F	RGB 78 101 127	#4E657F

#9EB6C2 #8EA8B6 #809AAB #728CA0 #657F95 #59718A #4E657F

#9EB6C2 - #728CA0 - #4E657F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6C2 0%, #728CA0 50%, #4E657F 100%);
    background: -webkit-linear-gradient(top, #9EB6C2 0%, #728CA0 50%, #4E657F 100%);
    background: linear-gradient(to bottom, #9EB6C2 0%, #728CA0 50%, #4E657F 100%);
}
</style>