#1F252E - #5A5E60 | 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 #1F252E to #5A5E60

#1F252E #5A5E60

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

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

0.0%	0.0% #1F252E	RGB 31 37 46	#1F252E
16.7%	16.7% #282E36	RGB 40 46 54	#282E36
33.3%	33.3% #32383E	RGB 50 56 62	#32383E
50.0%	50.0% #3C4147	RGB 60 65 71	#3C4147
66.7%	66.7% #464B4F	RGB 70 75 79	#464B4F
83.3%	83.3% #505457	RGB 80 84 87	#505457
100.0%	100.0% #5A5E60	RGB 90 94 96	#5A5E60

#1F252E #282E36 #32383E #3C4147 #464B4F #505457 #5A5E60

#1F252E - #5A5E60

HSV Blend

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

0.0%	0.0% #1F242E	RGB 31 36 46	#1F242E
16.7%	16.7% #272D36	RGB 39 45 54	#272D36
33.3%	33.3% #2F373E	RGB 47 55 62	#2F373E
50.0%	50.0% #394047	RGB 57 64 71	#394047
66.7%	66.7% #434A4F	RGB 67 74 79	#434A4F
83.3%	83.3% #4E5457	RGB 78 84 87	#4E5457
100.0%	100.0% #5A5E60	RGB 90 94 96	#5A5E60

#1F242E #272D36 #2F373E #394047 #434A4F #4E5457 #5A5E60

#1F252E - #394047 - #5A5E60

CSS codes

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

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