#5B4D5E - #1F221D | 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 #5B4D5E to #1F221D

#5B4D5E #1F221D

Calculate the color between two colors, #5B4D5E and #1F221D. 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)

#5B4D5E - #1F221D | 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 #5B4D5E as 0% and #1F221D as 100%.

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #514553	RGB 81 69 83	#514553
33.3%	33.3% #473E48	RGB 71 62 72	#473E48
50.0%	50.0% #3D373D	RGB 61 55 61	#3D373D
66.7%	66.7% #333032	RGB 51 48 50	#333032
83.3%	83.3% #292927	RGB 41 41 39	#292927
100.0%	100.0% #1F221D	RGB 31 34 29	#1F221D

#5B4D5E #514553 #473E48 #3D373D #333032 #292927 #1F221D

#5B4D5E - #1F221D

HSV Blend

#5B4D5E - #1F221D | 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 #5B4D5E as 0% and #1F221D as 100%.

0.0%	0.0% #5B4D5E	RGB 91 77 94	#5B4D5E
16.7%	16.7% #54454F	RGB 84 69 79	#54454F
33.3%	33.3% #4A3D40	RGB 74 61 64	#4A3D40
50.0%	50.0% #403735	RGB 64 55 53	#403735
66.7%	66.7% #36332D	RGB 54 51 45	#36332D
83.3%	83.3% #2B2C25	RGB 43 44 37	#2B2C25
100.0%	100.0% #1F221D	RGB 31 34 29	#1F221D

#5B4D5E #54454F #4A3D40 #403735 #36332D #2B2C25 #1F221D

#5B4D5E - #403735 - #1F221D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B4D5E 0%, #403735 50%, #1F221D 100%);
    background: -webkit-linear-gradient(top, #5B4D5E 0%, #403735 50%, #1F221D 100%);
    background: linear-gradient(to bottom, #5B4D5E 0%, #403735 50%, #1F221D 100%);
}
</style>