#5E7487 - #25313A | 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 #5E7487 to #25313A

#5E7487 #25313A

Calculate the color between two colors, #5E7487 and #25313A. 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)

#5E7487 - #25313A | 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 #5E7487 as 0% and #25313A as 100%.

0.0%	0.0% #5E7487	RGB 94 116 135	#5E7487
16.7%	16.7% #54687A	RGB 84 104 122	#54687A
33.3%	33.3% #4B5D6D	RGB 75 93 109	#4B5D6D
50.0%	50.0% #415260	RGB 65 82 96	#415260
66.7%	66.7% #384753	RGB 56 71 83	#384753
83.3%	83.3% #2E3C46	RGB 46 60 70	#2E3C46
100.0%	100.0% #25313A	RGB 37 49 58	#25313A

#5E7487 #54687A #4B5D6D #415260 #384753 #2E3C46 #25313A

#5E7487 - #25313A

HSV Blend

#5E7487 - #25313A | 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 #5E7487 as 0% and #25313A as 100%.

0.0%	0.0% #5E7487	RGB 94 116 135	#5E7487
16.7%	16.7% #53687A	RGB 83 104 122	#53687A
33.3%	33.3% #4A5D6D	RGB 74 93 109	#4A5D6D
50.0%	50.0% #405260	RGB 64 82 96	#405260
66.7%	66.7% #374753	RGB 55 71 83	#374753
83.3%	83.3% #2D3B46	RGB 45 59 70	#2D3B46
100.0%	100.0% #25313A	RGB 37 49 58	#25313A

#5E7487 #53687A #4A5D6D #405260 #374753 #2D3B46 #25313A

#5E7487 - #405260 - #25313A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7487 0%, #405260 50%, #25313A 100%);
    background: -webkit-linear-gradient(top, #5E7487 0%, #405260 50%, #25313A 100%);
    background: linear-gradient(to bottom, #5E7487 0%, #405260 50%, #25313A 100%);
}
</style>