#4E5E91 - #19273B | 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 #4E5E91 to #19273B

#4E5E91 #19273B

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

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

0.0%	0.0% #4E5E91	RGB 78 94 145	#4E5E91
16.7%	16.7% #455482	RGB 69 84 130	#455482
33.3%	33.3% #3C4B74	RGB 60 75 116	#3C4B74
50.0%	50.0% #334266	RGB 51 66 102	#334266
66.7%	66.7% #2A3957	RGB 42 57 87	#2A3957
83.3%	83.3% #213049	RGB 33 48 73	#213049
100.0%	100.0% #19273B	RGB 25 39 59	#19273B

#4E5E91 #455482 #3C4B74 #334266 #2A3957 #213049 #19273B

#4E5E91 - #19273B

HSV Blend

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

0.0%	0.0% #4E5D91	RGB 78 93 145	#4E5D91
16.7%	16.7% #435482	RGB 67 84 130	#435482
33.3%	33.3% #3A4B74	RGB 58 75 116	#3A4B74
50.0%	50.0% #314266	RGB 49 66 102	#314266
66.7%	66.7% #283957	RGB 40 57 87	#283957
83.3%	83.3% #203049	RGB 32 48 73	#203049
100.0%	100.0% #19273B	RGB 25 39 59	#19273B

#4E5D91 #435482 #3A4B74 #314266 #283957 #203049 #19273B

#4E5E91 - #314266 - #19273B

CSS codes

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

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