#5E5B5D - #1A1A25 | 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 #5E5B5D to #1A1A25

#5E5B5D #1A1A25

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

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

0.0%	0.0% #5E5B5D	RGB 94 91 93	#5E5B5D
16.7%	16.7% #525053	RGB 82 80 83	#525053
33.3%	33.3% #47454A	RGB 71 69 74	#47454A
50.0%	50.0% #3C3A41	RGB 60 58 65	#3C3A41
66.7%	66.7% #302F37	RGB 48 47 55	#302F37
83.3%	83.3% #25242E	RGB 37 36 46	#25242E
100.0%	100.0% #1A1A25	RGB 26 26 37	#1A1A25

#5E5B5D #525053 #47454A #3C3A41 #302F37 #25242E #1A1A25

#5E5B5D - #1A1A25

HSV Blend

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

0.0%	0.0% #5E5B5D	RGB 94 91 93	#5E5B5D
16.7%	16.7% #544E53	RGB 84 78 83	#544E53
33.3%	33.3% #49414B	RGB 73 65 75	#49414B
50.0%	50.0% #3D3641	RGB 61 54 65	#3D3641
66.7%	66.7% #312C38	RGB 49 44 56	#312C38
83.3%	83.3% #25222E	RGB 37 34 46	#25222E
100.0%	100.0% #1A1A25	RGB 26 26 37	#1A1A25

#5E5B5D #544E53 #49414B #3D3641 #312C38 #25222E #1A1A25

#5E5B5D - #3D3641 - #1A1A25

CSS codes

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

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