#4D4B5E - #23221D | 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 #4D4B5E to #23221D

#4D4B5E #23221D

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

#4D4B5E - #23221D | 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 #4D4B5E as 0% and #23221D as 100%.

0.0%	0.0% #4D4B5E	RGB 77 75 94	#4D4B5E
16.7%	16.7% #464453	RGB 70 68 83	#464453
33.3%	33.3% #3F3D48	RGB 63 61 72	#3F3D48
50.0%	50.0% #38363D	RGB 56 54 61	#38363D
66.7%	66.7% #312F32	RGB 49 47 50	#312F32
83.3%	83.3% #2A2827	RGB 42 40 39	#2A2827
100.0%	100.0% #23221D	RGB 35 34 29	#23221D

#4D4B5E #464453 #3F3D48 #38363D #312F32 #2A2827 #23221D

#4D4B5E - #23221D

HSV Blend

#4D4B5E - #23221D | 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 #4D4B5E as 0% and #23221D as 100%.

0.0%	0.0% #4D4B5E	RGB 77 75 94	#4D4B5E
16.7%	16.7% #4C4354	RGB 76 67 84	#4C4354
33.3%	33.3% #4A3C4A	RGB 74 60 74	#4A3C4A
50.0%	50.0% #40343A	RGB 64 52 58	#40343A
66.7%	66.7% #362C2D	RGB 54 44 45	#362C2D
83.3%	83.3% #2C2724	RGB 44 39 36	#2C2724
100.0%	100.0% #23221D	RGB 35 34 29	#23221D

#4D4B5E #4C4354 #4A3C4A #40343A #362C2D #2C2724 #23221D

#4D4B5E - #40343A - #23221D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4B5E 0%, #40343A 50%, #23221D 100%);
    background: -webkit-linear-gradient(top, #4D4B5E 0%, #40343A 50%, #23221D 100%);
    background: linear-gradient(to bottom, #4D4B5E 0%, #40343A 50%, #23221D 100%);
}
</style>