#4D5E73 - #1B2528 | 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 #4D5E73 to #1B2528

#4D5E73 #1B2528

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

#4D5E73 - #1B2528 | 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 #4D5E73 as 0% and #1B2528 as 100%.

0.0%	0.0% #4D5E73	RGB 77 94 115	#4D5E73
16.7%	16.7% #445466	RGB 68 84 102	#445466
33.3%	33.3% #3C4B5A	RGB 60 75 90	#3C4B5A
50.0%	50.0% #34414D	RGB 52 65 77	#34414D
66.7%	66.7% #2B3841	RGB 43 56 65	#2B3841
83.3%	83.3% #232E34	RGB 35 46 52	#232E34
100.0%	100.0% #1B2528	RGB 27 37 40	#1B2528

#4D5E73 #445466 #3C4B5A #34414D #2B3841 #232E34 #1B2528

#4D5E73 - #1B2528

HSV Blend

#4D5E73 - #1B2528 | 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 #4D5E73 as 0% and #1B2528 as 100%.

0.0%	0.0% #4D5E73	RGB 77 94 115	#4D5E73
16.7%	16.7% #445566	RGB 68 85 102	#445566
33.3%	33.3% #3C4C5A	RGB 60 76 90	#3C4C5A
50.0%	50.0% #34434D	RGB 52 67 77	#34434D
66.7%	66.7% #2B3941	RGB 43 57 65	#2B3941
83.3%	83.3% #232F34	RGB 35 47 52	#232F34
100.0%	100.0% #1B2528	RGB 27 37 40	#1B2528

#4D5E73 #445566 #3C4C5A #34434D #2B3941 #232F34 #1B2528

#4D5E73 - #34434D - #1B2528

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E73 0%, #34434D 50%, #1B2528 100%);
    background: -webkit-linear-gradient(top, #4D5E73 0%, #34434D 50%, #1B2528 100%);
    background: linear-gradient(to bottom, #4D5E73 0%, #34434D 50%, #1B2528 100%);
}
</style>