#4C5E92 - #19263C | 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 #4C5E92 to #19263C

#4C5E92 #19263C

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

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

0.0%	0.0% #4C5E92	RGB 76 94 146	#4C5E92
16.7%	16.7% #435483	RGB 67 84 131	#435483
33.3%	33.3% #3B4B75	RGB 59 75 117	#3B4B75
50.0%	50.0% #324267	RGB 50 66 103	#324267
66.7%	66.7% #2A3858	RGB 42 56 88	#2A3858
83.3%	83.3% #212F4A	RGB 33 47 74	#212F4A
100.0%	100.0% #19263C	RGB 25 38 60	#19263C

#4C5E92 #435483 #3B4B75 #324267 #2A3858 #212F4A #19263C

#4C5E92 - #19263C

HSV Blend

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

0.0%	0.0% #4C5E92	RGB 76 94 146	#4C5E92
16.7%	16.7% #425483	RGB 66 84 131	#425483
33.3%	33.3% #394A75	RGB 57 74 117	#394A75
50.0%	50.0% #304167	RGB 48 65 103	#304167
66.7%	66.7% #283858	RGB 40 56 88	#283858
83.3%	83.3% #202F4A	RGB 32 47 74	#202F4A
100.0%	100.0% #19263C	RGB 25 38 60	#19263C

#4C5E92 #425483 #394A75 #304167 #283858 #202F4A #19263C

#4C5E92 - #304167 - #19263C

CSS codes

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

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