#5E7589 - #25323C | 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 #5E7589 to #25323C

#5E7589 #25323C

Calculate the color between two colors, #5E7589 and #25323C. 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)

#5E7589 - #25323C | 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 #5E7589 as 0% and #25323C as 100%.

0.0%	0.0% #5E7589	RGB 94 117 137	#5E7589
16.7%	16.7% #54697C	RGB 84 105 124	#54697C
33.3%	33.3% #4B5E6F	RGB 75 94 111	#4B5E6F
50.0%	50.0% #415362	RGB 65 83 98	#415362
66.7%	66.7% #384855	RGB 56 72 85	#384855
83.3%	83.3% #2E3D48	RGB 46 61 72	#2E3D48
100.0%	100.0% #25323C	RGB 37 50 60	#25323C

#5E7589 #54697C #4B5E6F #415362 #384855 #2E3D48 #25323C

#5E7589 - #25323C

HSV Blend

#5E7589 - #25323C | 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 #5E7589 as 0% and #25323C as 100%.

0.0%	0.0% #5E7589	RGB 94 117 137	#5E7589
16.7%	16.7% #53697C	RGB 83 105 124	#53697C
33.3%	33.3% #495E6F	RGB 73 94 111	#495E6F
50.0%	50.0% #405362	RGB 64 83 98	#405362
66.7%	66.7% #364755	RGB 54 71 85	#364755
83.3%	83.3% #2D3C48	RGB 45 60 72	#2D3C48
100.0%	100.0% #25323C	RGB 37 50 60	#25323C

#5E7589 #53697C #495E6F #405362 #364755 #2D3C48 #25323C

#5E7589 - #405362 - #25323C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7589 0%, #405362 50%, #25323C 100%);
    background: -webkit-linear-gradient(top, #5E7589 0%, #405362 50%, #25323C 100%);
    background: linear-gradient(to bottom, #5E7589 0%, #405362 50%, #25323C 100%);
}
</style>