#5A5E5E - #0E3D3A | 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 #5A5E5E to #0E3D3A

#5A5E5E #0E3D3A

Calculate the color between two colors, #5A5E5E and #0E3D3A. 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)

#5A5E5E - #0E3D3A | 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 #5A5E5E as 0% and #0E3D3A as 100%.

0.0%	0.0% #5A5E5E	RGB 90 94 94	#5A5E5E
16.7%	16.7% #4D5858	RGB 77 88 88	#4D5858
33.3%	33.3% #405352	RGB 64 83 82	#405352
50.0%	50.0% #344D4C	RGB 52 77 76	#344D4C
66.7%	66.7% #274846	RGB 39 72 70	#274846
83.3%	83.3% #1A4240	RGB 26 66 64	#1A4240
100.0%	100.0% #0E3D3A	RGB 14 61 58	#0E3D3A

#5A5E5E #4D5858 #405352 #344D4C #274846 #1A4240 #0E3D3A

#5A5E5E - #0E3D3A

HSV Blend

#5A5E5E - #0E3D3A | 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 #5A5E5E as 0% and #0E3D3A as 100%.

0.0%	0.0% #5A5E5E	RGB 90 94 94	#5A5E5E
16.7%	16.7% #495858	RGB 73 88 88	#495858
33.3%	33.3% #3B5352	RGB 59 83 82	#3B5352
50.0%	50.0% #2D4D4C	RGB 45 77 76	#2D4D4C
66.7%	66.7% #214846	RGB 33 72 70	#214846
83.3%	83.3% #174240	RGB 23 66 64	#174240
100.0%	100.0% #0E3D3A	RGB 14 61 58	#0E3D3A

#5A5E5E #495858 #3B5352 #2D4D4C #214846 #174240 #0E3D3A

#5A5E5E - #2D4D4C - #0E3D3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E5E 0%, #2D4D4C 50%, #0E3D3A 100%);
    background: -webkit-linear-gradient(top, #5A5E5E 0%, #2D4D4C 50%, #0E3D3A 100%);
    background: linear-gradient(to bottom, #5A5E5E 0%, #2D4D4C 50%, #0E3D3A 100%);
}
</style>