#9EB6BE - #50657B | 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 #9EB6BE to #50657B

#9EB6BE #50657B

Calculate the color between two colors, #9EB6BE and #50657B. 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)

#9EB6BE - #50657B | 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 #9EB6BE as 0% and #50657B as 100%.

0.0%	0.0% #9EB6BE	RGB 158 182 190	#9EB6BE
16.7%	16.7% #91A8B2	RGB 145 168 178	#91A8B2
33.3%	33.3% #849BA7	RGB 132 155 167	#849BA7
50.0%	50.0% #778D9C	RGB 119 141 156	#778D9C
66.7%	66.7% #6A8091	RGB 106 128 145	#6A8091
83.3%	83.3% #5D7286	RGB 93 114 134	#5D7286
100.0%	100.0% #50657B	RGB 80 101 123	#50657B

#9EB6BE #91A8B2 #849BA7 #778D9C #6A8091 #5D7286 #50657B

#9EB6BE - #50657B

HSV Blend

#9EB6BE - #50657B | 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 #9EB6BE as 0% and #50657B as 100%.

0.0%	0.0% #9EB6BE	RGB 158 182 190	#9EB6BE
16.7%	16.7% #8FA8B2	RGB 143 168 178	#8FA8B2
33.3%	33.3% #819AA7	RGB 129 154 167	#819AA7
50.0%	50.0% #738D9C	RGB 115 141 156	#738D9C
66.7%	66.7% #677F91	RGB 103 127 145	#677F91
83.3%	83.3% #5B7286	RGB 91 114 134	#5B7286
100.0%	100.0% #50657B	RGB 80 101 123	#50657B

#9EB6BE #8FA8B2 #819AA7 #738D9C #677F91 #5B7286 #50657B

#9EB6BE - #738D9C - #50657B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6BE 0%, #738D9C 50%, #50657B 100%);
    background: -webkit-linear-gradient(top, #9EB6BE 0%, #738D9C 50%, #50657B 100%);
    background: linear-gradient(to bottom, #9EB6BE 0%, #738D9C 50%, #50657B 100%);
}
</style>