#4C5E91 - #19263B | 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 #4C5E91 to #19263B

#4C5E91 #19263B

Calculate the color between two colors, #4C5E91 and #19263B. 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)

#4C5E91 - #19263B | 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 #4C5E91 as 0% and #19263B as 100%.

0.0%	0.0% #4C5E91	RGB 76 94 145	#4C5E91
16.7%	16.7% #435482	RGB 67 84 130	#435482
33.3%	33.3% #3B4B74	RGB 59 75 116	#3B4B74
50.0%	50.0% #324266	RGB 50 66 102	#324266
66.7%	66.7% #2A3857	RGB 42 56 87	#2A3857
83.3%	83.3% #212F49	RGB 33 47 73	#212F49
100.0%	100.0% #19263B	RGB 25 38 59	#19263B

#4C5E91 #435482 #3B4B74 #324266 #2A3857 #212F49 #19263B

#4C5E91 - #19263B

HSV Blend

#4C5E91 - #19263B | 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 #4C5E91 as 0% and #19263B as 100%.

0.0%	0.0% #4C5D91	RGB 76 93 145	#4C5D91
16.7%	16.7% #425482	RGB 66 84 130	#425482
33.3%	33.3% #394A74	RGB 57 74 116	#394A74
50.0%	50.0% #304166	RGB 48 65 102	#304166
66.7%	66.7% #283857	RGB 40 56 87	#283857
83.3%	83.3% #202F49	RGB 32 47 73	#202F49
100.0%	100.0% #19263B	RGB 25 38 59	#19263B

#4C5D91 #425482 #394A74 #304166 #283857 #202F49 #19263B

#4C5E91 - #304166 - #19263B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5D91 0%, #304166 50%, #19263B 100%);
    background: -webkit-linear-gradient(top, #4C5D91 0%, #304166 50%, #19263B 100%);
    background: linear-gradient(to bottom, #4C5D91 0%, #304166 50%, #19263B 100%);
}
</style>