#5E7777 - #1A2222 | 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 #5E7777 to #1A2222

#5E7777 #1A2222

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

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

0.0%	0.0% #5E7777	RGB 94 119 119	#5E7777
16.7%	16.7% #526868	RGB 82 104 104	#526868
33.3%	33.3% #475A5A	RGB 71 90 90	#475A5A
50.0%	50.0% #3C4C4C	RGB 60 76 76	#3C4C4C
66.7%	66.7% #303E3E	RGB 48 62 62	#303E3E
83.3%	83.3% #253030	RGB 37 48 48	#253030
100.0%	100.0% #1A2222	RGB 26 34 34	#1A2222

#5E7777 #526868 #475A5A #3C4C4C #303E3E #253030 #1A2222

#5E7777 - #1A2222

HSV Blend

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

0.0%	0.0% #5E7777	RGB 94 119 119	#5E7777
16.7%	16.7% #526868	RGB 82 104 104	#526868
33.3%	33.3% #465A5A	RGB 70 90 90	#465A5A
50.0%	50.0% #3B4C4C	RGB 59 76 76	#3B4C4C
66.7%	66.7% #303E3E	RGB 48 62 62	#303E3E
83.3%	83.3% #253030	RGB 37 48 48	#253030
100.0%	100.0% #1A2222	RGB 26 34 34	#1A2222

#5E7777 #526868 #465A5A #3B4C4C #303E3E #253030 #1A2222

#5E7777 - #3B4C4C - #1A2222

CSS codes

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

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