#4B5E84 - #151A25 | 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 #4B5E84 to #151A25

#4B5E84 #151A25

Calculate the color between two colors, #4B5E84 and #151A25. 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)

#4B5E84 - #151A25 | 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 #4B5E84 as 0% and #151A25 as 100%.

0.0%	0.0% #4B5E84	RGB 75 94 132	#4B5E84
16.7%	16.7% #425274	RGB 66 82 116	#425274
33.3%	33.3% #394764	RGB 57 71 100	#394764
50.0%	50.0% #303C54	RGB 48 60 84	#303C54
66.7%	66.7% #273044	RGB 39 48 68	#273044
83.3%	83.3% #1E2534	RGB 30 37 52	#1E2534
100.0%	100.0% #151A25	RGB 21 26 37	#151A25

#4B5E84 #425274 #394764 #303C54 #273044 #1E2534 #151A25

#4B5E84 - #151A25

HSV Blend

#4B5E84 - #151A25 | 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 #4B5E84 as 0% and #151A25 as 100%.

0.0%	0.0% #4B5E84	RGB 75 94 132	#4B5E84
16.7%	16.7% #415274	RGB 65 82 116	#415274
33.3%	33.3% #384764	RGB 56 71 100	#384764
50.0%	50.0% #2F3B54	RGB 47 59 84	#2F3B54
66.7%	66.7% #263044	RGB 38 48 68	#263044
83.3%	83.3% #1D2534	RGB 29 37 52	#1D2534
100.0%	100.0% #151A25	RGB 21 26 37	#151A25

#4B5E84 #415274 #384764 #2F3B54 #263044 #1D2534 #151A25

#4B5E84 - #2F3B54 - #151A25

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E84 0%, #2F3B54 50%, #151A25 100%);
    background: -webkit-linear-gradient(top, #4B5E84 0%, #2F3B54 50%, #151A25 100%);
    background: linear-gradient(to bottom, #4B5E84 0%, #2F3B54 50%, #151A25 100%);
}
</style>