#5A5EAD - #25245E | 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 #5A5EAD to #25245E

#5A5EAD #25245E

Calculate the color between two colors, #5A5EAD and #25245E. 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)

#5A5EAD - #25245E | 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 #5A5EAD as 0% and #25245E as 100%.

0.0%	0.0% #5A5EAD	RGB 90 94 173	#5A5EAD
16.7%	16.7% #51549F	RGB 81 84 159	#51549F
33.3%	33.3% #484A92	RGB 72 74 146	#484A92
50.0%	50.0% #3F4185	RGB 63 65 133	#3F4185
66.7%	66.7% #363778	RGB 54 55 120	#363778
83.3%	83.3% #2D2D6B	RGB 45 45 107	#2D2D6B
100.0%	100.0% #25245E	RGB 37 36 94	#25245E

#5A5EAD #51549F #484A92 #3F4185 #363778 #2D2D6B #25245E

#5A5EAD - #25245E

HSV Blend

#5A5EAD - #25245E | 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 #5A5EAD as 0% and #25245E as 100%.

0.0%	0.0% #5A5EAD	RGB 90 94 173	#5A5EAD
16.7%	16.7% #4F529F	RGB 79 82 159	#4F529F
33.3%	33.3% #454792	RGB 69 71 146	#454792
50.0%	50.0% #3C3D85	RGB 60 61 133	#3C3D85
66.7%	66.7% #333378	RGB 51 51 120	#333378
83.3%	83.3% #2B2B6B	RGB 43 43 107	#2B2B6B
100.0%	100.0% #25245E	RGB 37 36 94	#25245E

#5A5EAD #4F529F #454792 #3C3D85 #333378 #2B2B6B #25245E

#5A5EAD - #3C3D85 - #25245E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5EAD 0%, #3C3D85 50%, #25245E 100%);
    background: -webkit-linear-gradient(top, #5A5EAD 0%, #3C3D85 50%, #25245E 100%);
    background: linear-gradient(to bottom, #5A5EAD 0%, #3C3D85 50%, #25245E 100%);
}
</style>