#4C5E91 - #151A29 | 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 #151A29

#4C5E91 #151A29

Calculate the color between two colors, #4C5E91 and #151A29. 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 - #151A29 | 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 #151A29 as 100%.

0.0%	0.0% #4C5E91	RGB 76 94 145	#4C5E91
16.7%	16.7% #42527F	RGB 66 82 127	#42527F
33.3%	33.3% #39476E	RGB 57 71 110	#39476E
50.0%	50.0% #303C5D	RGB 48 60 93	#303C5D
66.7%	66.7% #27304B	RGB 39 48 75	#27304B
83.3%	83.3% #1E253A	RGB 30 37 58	#1E253A
100.0%	100.0% #151A29	RGB 21 26 41	#151A29

#4C5E91 #42527F #39476E #303C5D #27304B #1E253A #151A29

#4C5E91 - #151A29

HSV Blend

#4C5E91 - #151A29 | 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 #151A29 as 100%.

0.0%	0.0% #4C5D91	RGB 76 93 145	#4C5D91
16.7%	16.7% #42527F	RGB 66 82 127	#42527F
33.3%	33.3% #39476E	RGB 57 71 110	#39476E
50.0%	50.0% #303B5D	RGB 48 59 93	#303B5D
66.7%	66.7% #27304B	RGB 39 48 75	#27304B
83.3%	83.3% #1D253A	RGB 29 37 58	#1D253A
100.0%	100.0% #151A29	RGB 21 26 41	#151A29

#4C5D91 #42527F #39476E #303B5D #27304B #1D253A #151A29

#4C5E91 - #303B5D - #151A29

CSS codes

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

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