#151431 - #4D4F6B | 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 #151431 to #4D4F6B

#151431 #4D4F6B

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

#151431 - #4D4F6B | 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 #151431 as 0% and #4D4F6B as 100%.

0.0%	0.0% #151431	RGB 21 20 49	#151431
16.7%	16.7% #1E1D3A	RGB 30 29 58	#1E1D3A
33.3%	33.3% #272744	RGB 39 39 68	#272744
50.0%	50.0% #31314E	RGB 49 49 78	#31314E
66.7%	66.7% #3A3B57	RGB 58 59 87	#3A3B57
83.3%	83.3% #434561	RGB 67 69 97	#434561
100.0%	100.0% #4D4F6B	RGB 77 79 107	#4D4F6B

#151431 #1E1D3A #272744 #31314E #3A3B57 #434561 #4D4F6B

#151431 - #4D4F6B

HSV Blend

#151431 - #4D4F6B | 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 #151431 as 0% and #4D4F6B as 100%.

0.0%	0.0% #141431	RGB 20 20 49	#141431
16.7%	16.7% #1B1A3A	RGB 27 26 58	#1B1A3A
33.3%	33.3% #232244	RGB 35 34 68	#232244
50.0%	50.0% #2B2C4E	RGB 43 44 78	#2B2C4E
66.7%	66.7% #353757	RGB 53 55 87	#353757
83.3%	83.3% #404261	RGB 64 66 97	#404261
100.0%	100.0% #4D4F6B	RGB 77 79 107	#4D4F6B

#141431 #1B1A3A #232244 #2B2C4E #353757 #404261 #4D4F6B

#151431 - #2B2C4E - #4D4F6B

CSS codes

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

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