#5E89AC - #25405D | 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 #5E89AC to #25405D

#5E89AC #25405D

Calculate the color between two colors, #5E89AC and #25405D. 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)

#5E89AC - #25405D | 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 #5E89AC as 0% and #25405D as 100%.

0.0%	0.0% #5E89AC	RGB 94 137 172	#5E89AC
16.7%	16.7% #547C9E	RGB 84 124 158	#547C9E
33.3%	33.3% #4B7091	RGB 75 112 145	#4B7091
50.0%	50.0% #416484	RGB 65 100 132	#416484
66.7%	66.7% #385877	RGB 56 88 119	#385877
83.3%	83.3% #2E4C6A	RGB 46 76 106	#2E4C6A
100.0%	100.0% #25405D	RGB 37 64 93	#25405D

#5E89AC #547C9E #4B7091 #416484 #385877 #2E4C6A #25405D

#5E89AC - #25405D

HSV Blend

#5E89AC - #25405D | 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 #5E89AC as 0% and #25405D as 100%.

0.0%	0.0% #5E89AC	RGB 94 137 172	#5E89AC
16.7%	16.7% #527B9E	RGB 82 123 158	#527B9E
33.3%	33.3% #486F91	RGB 72 111 145	#486F91
50.0%	50.0% #3E6284	RGB 62 98 132	#3E6284
66.7%	66.7% #355677	RGB 53 86 119	#355677
83.3%	83.3% #2C4B6A	RGB 44 75 106	#2C4B6A
100.0%	100.0% #25405D	RGB 37 64 93	#25405D

#5E89AC #527B9E #486F91 #3E6284 #355677 #2C4B6A #25405D

#5E89AC - #3E6284 - #25405D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E89AC 0%, #3E6284 50%, #25405D 100%);
    background: -webkit-linear-gradient(top, #5E89AC 0%, #3E6284 50%, #25405D 100%);
    background: linear-gradient(to bottom, #5E89AC 0%, #3E6284 50%, #25405D 100%);
}
</style>