#4B5E98 - #151A2B | 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 #4B5E98 to #151A2B

#4B5E98 #151A2B

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

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

0.0%	0.0% #4B5E98	RGB 75 94 152	#4B5E98
16.7%	16.7% #425285	RGB 66 82 133	#425285
33.3%	33.3% #394773	RGB 57 71 115	#394773
50.0%	50.0% #303C61	RGB 48 60 97	#303C61
66.7%	66.7% #27304F	RGB 39 48 79	#27304F
83.3%	83.3% #1E253D	RGB 30 37 61	#1E253D
100.0%	100.0% #151A2B	RGB 21 26 43	#151A2B

#4B5E98 #425285 #394773 #303C61 #27304F #1E253D #151A2B

#4B5E98 - #151A2B

HSV Blend

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

0.0%	0.0% #4B5D98	RGB 75 93 152	#4B5D98
16.7%	16.7% #415285	RGB 65 82 133	#415285
33.3%	33.3% #384773	RGB 56 71 115	#384773
50.0%	50.0% #2F3B61	RGB 47 59 97	#2F3B61
66.7%	66.7% #26304F	RGB 38 48 79	#26304F
83.3%	83.3% #1D253D	RGB 29 37 61	#1D253D
100.0%	100.0% #151A2B	RGB 21 26 43	#151A2B

#4B5D98 #415285 #384773 #2F3B61 #26304F #1D253D #151A2B

#4B5E98 - #2F3B61 - #151A2B

CSS codes

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

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