#5E828C - #164455 | 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 #5E828C to #164455

#5E828C #164455

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

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

0.0%	0.0% #5E828C	RGB 94 130 140	#5E828C
16.7%	16.7% #527782	RGB 82 119 130	#527782
33.3%	33.3% #466D79	RGB 70 109 121	#466D79
50.0%	50.0% #3A6370	RGB 58 99 112	#3A6370
66.7%	66.7% #2E5867	RGB 46 88 103	#2E5867
83.3%	83.3% #224E5E	RGB 34 78 94	#224E5E
100.0%	100.0% #164455	RGB 22 68 85	#164455

#5E828C #527782 #466D79 #3A6370 #2E5867 #224E5E #164455

#5E828C - #164455

HSV Blend

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

0.0%	0.0% #5E828C	RGB 94 130 140	#5E828C
16.7%	16.7% #4E7782	RGB 78 119 130	#4E7782
33.3%	33.3% #406C79	RGB 64 108 121	#406C79
50.0%	50.0% #346170	RGB 52 97 112	#346170
66.7%	66.7% #285767	RGB 40 87 103	#285767
83.3%	83.3% #1E4D5E	RGB 30 77 94	#1E4D5E
100.0%	100.0% #164455	RGB 22 68 85	#164455

#5E828C #4E7782 #406C79 #346170 #285767 #1E4D5E #164455

#5E828C - #346170 - #164455

CSS codes

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

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