#5E796C - #2B3031 | 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 #5E796C to #2B3031

#5E796C #2B3031

Calculate the color between two colors, #5E796C and #2B3031. 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)

#5E796C - #2B3031 | 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 #5E796C as 0% and #2B3031 as 100%.

0.0%	0.0% #5E796C	RGB 94 121 108	#5E796C
16.7%	16.7% #556C62	RGB 85 108 98	#556C62
33.3%	33.3% #4D6058	RGB 77 96 88	#4D6058
50.0%	50.0% #44544E	RGB 68 84 78	#44544E
66.7%	66.7% #3C4844	RGB 60 72 68	#3C4844
83.3%	83.3% #333C3A	RGB 51 60 58	#333C3A
100.0%	100.0% #2B3031	RGB 43 48 49	#2B3031

#5E796C #556C62 #4D6058 #44544E #3C4844 #333C3A #2B3031

#5E796C - #2B3031

HSV Blend

#5E796C - #2B3031 | 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 #5E796C as 0% and #2B3031 as 100%.

0.0%	0.0% #5E796C	RGB 94 121 108	#5E796C
16.7%	16.7% #566D64	RGB 86 109 100	#566D64
33.3%	33.3% #4E615C	RGB 78 97 92	#4E615C
50.0%	50.0% #465552	RGB 70 85 82	#465552
66.7%	66.7% #3D4948	RGB 61 73 72	#3D4948
83.3%	83.3% #343C3D	RGB 52 60 61	#343C3D
100.0%	100.0% #2B3031	RGB 43 48 49	#2B3031

#5E796C #566D64 #4E615C #465552 #3D4948 #343C3D #2B3031

#5E796C - #465552 - #2B3031

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E796C 0%, #465552 50%, #2B3031 100%);
    background: -webkit-linear-gradient(top, #5E796C 0%, #465552 50%, #2B3031 100%);
    background: linear-gradient(to bottom, #5E796C 0%, #465552 50%, #2B3031 100%);
}
</style>