#4D4D5E - #221F1D | 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 #4D4D5E to #221F1D

#4D4D5E #221F1D

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

#4D4D5E - #221F1D | 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 #4D4D5E as 0% and #221F1D as 100%.

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #454553	RGB 69 69 83	#454553
33.3%	33.3% #3E3D48	RGB 62 61 72	#3E3D48
50.0%	50.0% #37363D	RGB 55 54 61	#37363D
66.7%	66.7% #302E32	RGB 48 46 50	#302E32
83.3%	83.3% #292627	RGB 41 38 39	#292627
100.0%	100.0% #221F1D	RGB 34 31 29	#221F1D

#4D4D5E #454553 #3E3D48 #37363D #302E32 #292627 #221F1D

#4D4D5E - #221F1D

HSV Blend

#4D4D5E - #221F1D | 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 #4D4D5E as 0% and #221F1D as 100%.

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #4B4554	RGB 75 69 84	#4B4554
33.3%	33.3% #473D4A	RGB 71 61 74	#473D4A
50.0%	50.0% #40353D	RGB 64 53 61	#40353D
66.7%	66.7% #362D30	RGB 54 45 48	#362D30
83.3%	83.3% #2C2525	RGB 44 37 37	#2C2525
100.0%	100.0% #221F1D	RGB 34 31 29	#221F1D

#4D4D5E #4B4554 #473D4A #40353D #362D30 #2C2525 #221F1D

#4D4D5E - #40353D - #221F1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D5E 0%, #40353D 50%, #221F1D 100%);
    background: -webkit-linear-gradient(top, #4D4D5E 0%, #40353D 50%, #221F1D 100%);
    background: linear-gradient(to bottom, #4D4D5E 0%, #40353D 50%, #221F1D 100%);
}
</style>