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

#5E7377 #1A2022

Calculate the color between two colors, #5E7377 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)

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

0.0%	0.0% #5E7377	RGB 94 115 119	#5E7377
16.7%	16.7% #526568	RGB 82 101 104	#526568
33.3%	33.3% #47575A	RGB 71 87 90	#47575A
50.0%	50.0% #3C494C	RGB 60 73 76	#3C494C
66.7%	66.7% #303B3E	RGB 48 59 62	#303B3E
83.3%	83.3% #252D30	RGB 37 45 48	#252D30
100.0%	100.0% #1A2022	RGB 26 32 34	#1A2022

#5E7377 #526568 #47575A #3C494C #303B3E #252D30 #1A2022

#5E7377 - #1A2022

HSV Blend

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

0.0%	0.0% #5E7377	RGB 94 115 119	#5E7377
16.7%	16.7% #526468	RGB 82 100 104	#526468
33.3%	33.3% #46565A	RGB 70 86 90	#46565A
50.0%	50.0% #3B494C	RGB 59 73 76	#3B494C
66.7%	66.7% #303B3E	RGB 48 59 62	#303B3E
83.3%	83.3% #252D30	RGB 37 45 48	#252D30
100.0%	100.0% #1A2022	RGB 26 32 34	#1A2022

#5E7377 #526468 #46565A #3B494C #303B3E #252D30 #1A2022

#5E7377 - #3B494C - #1A2022

CSS codes

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

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