#5E9596 - #163641 | 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 #5E9596 to #163641

#5E9596 #163641

Calculate the color between two colors, #5E9596 and #163641. 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)

#5E9596 - #163641 | 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 #5E9596 as 0% and #163641 as 100%.

0.0%	0.0% #5E9596	RGB 94 149 150	#5E9596
16.7%	16.7% #528587	RGB 82 133 135	#528587
33.3%	33.3% #467579	RGB 70 117 121	#467579
50.0%	50.0% #3A656B	RGB 58 101 107	#3A656B
66.7%	66.7% #2E555D	RGB 46 85 93	#2E555D
83.3%	83.3% #22454F	RGB 34 69 79	#22454F
100.0%	100.0% #163641	RGB 22 54 65	#163641

#5E9596 #528587 #467579 #3A656B #2E555D #22454F #163641

#5E9596 - #163641

HSV Blend

#5E9596 - #163641 | 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 #5E9596 as 0% and #163641 as 100%.

0.0%	0.0% #5E9596	RGB 94 149 150	#5E9596
16.7%	16.7% #4E8487	RGB 78 132 135	#4E8487
33.3%	33.3% #407479	RGB 64 116 121	#407479
50.0%	50.0% #33636B	RGB 51 99 107	#33636B
66.7%	66.7% #28545D	RGB 40 84 93	#28545D
83.3%	83.3% #1E444F	RGB 30 68 79	#1E444F
100.0%	100.0% #163641	RGB 22 54 65	#163641

#5E9596 #4E8487 #407479 #33636B #28545D #1E444F #163641

#5E9596 - #33636B - #163641

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9596 0%, #33636B 50%, #163641 100%);
    background: -webkit-linear-gradient(top, #5E9596 0%, #33636B 50%, #163641 100%);
    background: linear-gradient(to bottom, #5E9596 0%, #33636B 50%, #163641 100%);
}
</style>