#5E9CAF - #1B5C79 | 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 #5E9CAF to #1B5C79

#5E9CAF #1B5C79

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

#5E9CAF - #1B5C79 | 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 #5E9CAF as 0% and #1B5C79 as 100%.

0.0%	0.0% #5E9CAF	RGB 94 156 175	#5E9CAF
16.7%	16.7% #5291A6	RGB 82 145 166	#5291A6
33.3%	33.3% #47869D	RGB 71 134 157	#47869D
50.0%	50.0% #3C7C94	RGB 60 124 148	#3C7C94
66.7%	66.7% #31718B	RGB 49 113 139	#31718B
83.3%	83.3% #266682	RGB 38 102 130	#266682
100.0%	100.0% #1B5C79	RGB 27 92 121	#1B5C79

#5E9CAF #5291A6 #47869D #3C7C94 #31718B #266682 #1B5C79

#5E9CAF - #1B5C79

HSV Blend

#5E9CAF - #1B5C79 | 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 #5E9CAF as 0% and #1B5C79 as 100%.

0.0%	0.0% #5E9CAF	RGB 94 156 175	#5E9CAF
16.7%	16.7% #5090A6	RGB 80 144 166	#5090A6
33.3%	33.3% #43859D	RGB 67 133 157	#43859D
50.0%	50.0% #387B94	RGB 56 123 148	#387B94
66.7%	66.7% #2D708B	RGB 45 112 139	#2D708B
83.3%	83.3% #236682	RGB 35 102 130	#236682
100.0%	100.0% #1B5C79	RGB 27 92 121	#1B5C79

#5E9CAF #5090A6 #43859D #387B94 #2D708B #236682 #1B5C79

#5E9CAF - #387B94 - #1B5C79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9CAF 0%, #387B94 50%, #1B5C79 100%);
    background: -webkit-linear-gradient(top, #5E9CAF 0%, #387B94 50%, #1B5C79 100%);
    background: linear-gradient(to bottom, #5E9CAF 0%, #387B94 50%, #1B5C79 100%);
}
</style>