#5E6D8C - #19333A | 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 #5E6D8C to #19333A

#5E6D8C #19333A

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

#5E6D8C - #19333A | 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 #5E6D8C as 0% and #19333A as 100%.

0.0%	0.0% #5E6D8C	RGB 94 109 140	#5E6D8C
16.7%	16.7% #52637E	RGB 82 99 126	#52637E
33.3%	33.3% #475970	RGB 71 89 112	#475970
50.0%	50.0% #3B5063	RGB 59 80 99	#3B5063
66.7%	66.7% #304655	RGB 48 70 85	#304655
83.3%	83.3% #243C47	RGB 36 60 71	#243C47
100.0%	100.0% #19333A	RGB 25 51 58	#19333A

#5E6D8C #52637E #475970 #3B5063 #304655 #243C47 #19333A

#5E6D8C - #19333A

HSV Blend

#5E6D8C - #19333A | 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 #5E6D8C as 0% and #19333A as 100%.

0.0%	0.0% #5E6D8C	RGB 94 109 140	#5E6D8C
16.7%	16.7% #4F627E	RGB 79 98 126	#4F627E
33.3%	33.3% #425870	RGB 66 88 112	#425870
50.0%	50.0% #364F63	RGB 54 79 99	#364F63
66.7%	66.7% #2B4655	RGB 43 70 85	#2B4655
83.3%	83.3% #213C47	RGB 33 60 71	#213C47
100.0%	100.0% #19333A	RGB 25 51 58	#19333A

#5E6D8C #4F627E #425870 #364F63 #2B4655 #213C47 #19333A

#5E6D8C - #364F63 - #19333A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D8C 0%, #364F63 50%, #19333A 100%);
    background: -webkit-linear-gradient(top, #5E6D8C 0%, #364F63 50%, #19333A 100%);
    background: linear-gradient(to bottom, #5E6D8C 0%, #364F63 50%, #19333A 100%);
}
</style>