#5E7480 - #19322B | 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 #5E7480 to #19322B

#5E7480 #19322B

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

#5E7480 - #19322B | 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 #5E7480 as 0% and #19322B as 100%.

0.0%	0.0% #5E7480	RGB 94 116 128	#5E7480
16.7%	16.7% #526971	RGB 82 105 113	#526971
33.3%	33.3% #475E63	RGB 71 94 99	#475E63
50.0%	50.0% #3B5355	RGB 59 83 85	#3B5355
66.7%	66.7% #304847	RGB 48 72 71	#304847
83.3%	83.3% #243D39	RGB 36 61 57	#243D39
100.0%	100.0% #19322B	RGB 25 50 43	#19322B

#5E7480 #526971 #475E63 #3B5355 #304847 #243D39 #19322B

#5E7480 - #19322B

HSV Blend

#5E7480 - #19322B | 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 #5E7480 as 0% and #19322B as 100%.

0.0%	0.0% #5E7480	RGB 94 116 128	#5E7480
16.7%	16.7% #4F6A73	RGB 79 106 115	#4F6A73
33.3%	33.3% #426166	RGB 66 97 102	#426166
50.0%	50.0% #365759	RGB 54 87 89	#365759
66.7%	66.7% #2B4C49	RGB 43 76 73	#2B4C49
83.3%	83.3% #213F39	RGB 33 63 57	#213F39
100.0%	100.0% #19322B	RGB 25 50 43	#19322B

#5E7480 #4F6A73 #426166 #365759 #2B4C49 #213F39 #19322B

#5E7480 - #365759 - #19322B

CSS codes

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

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