#5E5EA5 - #18254E | 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 #5E5EA5 to #18254E

#5E5EA5 #18254E

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

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

0.0%	0.0% #5E5EA5	RGB 94 94 165	#5E5EA5
16.7%	16.7% #525496	RGB 82 84 150	#525496
33.3%	33.3% #464B88	RGB 70 75 136	#464B88
50.0%	50.0% #3B4179	RGB 59 65 121	#3B4179
66.7%	66.7% #2F386B	RGB 47 56 107	#2F386B
83.3%	83.3% #232E5C	RGB 35 46 92	#232E5C
100.0%	100.0% #18254E	RGB 24 37 78	#18254E

#5E5EA5 #525496 #464B88 #3B4179 #2F386B #232E5C #18254E

#5E5EA5 - #18254E

HSV Blend

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

0.0%	0.0% #5E5EA5	RGB 94 94 165	#5E5EA5
16.7%	16.7% #4F5296	RGB 79 82 150	#4F5296
33.3%	33.3% #414788	RGB 65 71 136	#414788
50.0%	50.0% #353D79	RGB 53 61 121	#353D79
66.7%	66.7% #2A346B	RGB 42 52 107	#2A346B
83.3%	83.3% #202C5C	RGB 32 44 92	#202C5C
100.0%	100.0% #18254E	RGB 24 37 78	#18254E

#5E5EA5 #4F5296 #414788 #353D79 #2A346B #202C5C #18254E

#5E5EA5 - #353D79 - #18254E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EA5 0%, #353D79 50%, #18254E 100%);
    background: -webkit-linear-gradient(top, #5E5EA5 0%, #353D79 50%, #18254E 100%);
    background: linear-gradient(to bottom, #5E5EA5 0%, #353D79 50%, #18254E 100%);
}
</style>