#5E5E73 - #1D252B | 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 #5E5E73 to #1D252B

#5E5E73 #1D252B

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

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

0.0%	0.0% #5E5E73	RGB 94 94 115	#5E5E73
16.7%	16.7% #535467	RGB 83 84 103	#535467
33.3%	33.3% #484B5B	RGB 72 75 91	#484B5B
50.0%	50.0% #3D414F	RGB 61 65 79	#3D414F
66.7%	66.7% #323843	RGB 50 56 67	#323843
83.3%	83.3% #272E37	RGB 39 46 55	#272E37
100.0%	100.0% #1D252B	RGB 29 37 43	#1D252B

#5E5E73 #535467 #484B5B #3D414F #323843 #272E37 #1D252B

#5E5E73 - #1D252B

HSV Blend

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

0.0%	0.0% #5E5E73	RGB 94 94 115	#5E5E73
16.7%	16.7% #515367	RGB 81 83 103	#515367
33.3%	33.3% #464A5B	RGB 70 74 91	#464A5B
50.0%	50.0% #3A404F	RGB 58 64 79	#3A404F
66.7%	66.7% #303743	RGB 48 55 67	#303743
83.3%	83.3% #262E37	RGB 38 46 55	#262E37
100.0%	100.0% #1D252B	RGB 29 37 43	#1D252B

#5E5E73 #515367 #464A5B #3A404F #303743 #262E37 #1D252B

#5E5E73 - #3A404F - #1D252B

CSS codes

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

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