#5E787A - #1A2221 | 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 #5E787A to #1A2221

#5E787A #1A2221

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

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

0.0%	0.0% #5E787A	RGB 94 120 122	#5E787A
16.7%	16.7% #52696B	RGB 82 105 107	#52696B
33.3%	33.3% #475B5C	RGB 71 91 92	#475B5C
50.0%	50.0% #3C4D4D	RGB 60 77 77	#3C4D4D
66.7%	66.7% #303E3E	RGB 48 62 62	#303E3E
83.3%	83.3% #25302F	RGB 37 48 47	#25302F
100.0%	100.0% #1A2221	RGB 26 34 33	#1A2221

#5E787A #52696B #475B5C #3C4D4D #303E3E #25302F #1A2221

#5E787A - #1A2221

HSV Blend

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

0.0%	0.0% #5E787A	RGB 94 120 122	#5E787A
16.7%	16.7% #526A6B	RGB 82 106 107	#526A6B
33.3%	33.3% #475C5C	RGB 71 92 92	#475C5C
50.0%	50.0% #3B4E4D	RGB 59 78 77	#3B4E4D
66.7%	66.7% #303F3E	RGB 48 63 62	#303F3E
83.3%	83.3% #25302F	RGB 37 48 47	#25302F
100.0%	100.0% #1A2221	RGB 26 34 33	#1A2221

#5E787A #526A6B #475C5C #3B4E4D #303F3E #25302F #1A2221

#5E787A - #3B4E4D - #1A2221

CSS codes

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

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