#5E707A - #1A2022 | 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 #5E707A to #1A2022

#5E707A #1A2022

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

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

0.0%	0.0% #5E707A	RGB 94 112 122	#5E707A
16.7%	16.7% #52626B	RGB 82 98 107	#52626B
33.3%	33.3% #47555C	RGB 71 85 92	#47555C
50.0%	50.0% #3C484E	RGB 60 72 78	#3C484E
66.7%	66.7% #303A3F	RGB 48 58 63	#303A3F
83.3%	83.3% #252D30	RGB 37 45 48	#252D30
100.0%	100.0% #1A2022	RGB 26 32 34	#1A2022

#5E707A #52626B #47555C #3C484E #303A3F #252D30 #1A2022

#5E707A - #1A2022

HSV Blend

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

0.0%	0.0% #5E707A	RGB 94 112 122	#5E707A
16.7%	16.7% #52626B	RGB 82 98 107	#52626B
33.3%	33.3% #47555C	RGB 71 85 92	#47555C
50.0%	50.0% #3B484E	RGB 59 72 78	#3B484E
66.7%	66.7% #303B3F	RGB 48 59 63	#303B3F
83.3%	83.3% #252D30	RGB 37 45 48	#252D30
100.0%	100.0% #1A2022	RGB 26 32 34	#1A2022

#5E707A #52626B #47555C #3B484E #303B3F #252D30 #1A2022

#5E707A - #3B484E - #1A2022

CSS codes

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

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