#5E65B3 - #1A275C | 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 #5E65B3 to #1A275C

#5E65B3 #1A275C

Calculate the color between two colors, #5E65B3 and #1A275C. 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)

#5E65B3 - #1A275C | 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 #5E65B3 as 0% and #1A275C as 100%.

0.0%	0.0% #5E65B3	RGB 94 101 179	#5E65B3
16.7%	16.7% #525AA4	RGB 82 90 164	#525AA4
33.3%	33.3% #475096	RGB 71 80 150	#475096
50.0%	50.0% #3C4687	RGB 60 70 135	#3C4687
66.7%	66.7% #303B79	RGB 48 59 121	#303B79
83.3%	83.3% #25316A	RGB 37 49 106	#25316A
100.0%	100.0% #1A275C	RGB 26 39 92	#1A275C

#5E65B3 #525AA4 #475096 #3C4687 #303B79 #25316A #1A275C

#5E65B3 - #1A275C

HSV Blend

#5E65B3 - #1A275C | 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 #5E65B3 as 0% and #1A275C as 100%.

0.0%	0.0% #5E65B3	RGB 94 101 179	#5E65B3
16.7%	16.7% #4F58A4	RGB 79 88 164	#4F58A4
33.3%	33.3% #424C96	RGB 66 76 150	#424C96
50.0%	50.0% #364287	RGB 54 66 135	#364287
66.7%	66.7% #2B3879	RGB 43 56 121	#2B3879
83.3%	83.3% #222F6A	RGB 34 47 106	#222F6A
100.0%	100.0% #1A275C	RGB 26 39 92	#1A275C

#5E65B3 #4F58A4 #424C96 #364287 #2B3879 #222F6A #1A275C

#5E65B3 - #364287 - #1A275C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65B3 0%, #364287 50%, #1A275C 100%);
    background: -webkit-linear-gradient(top, #5E65B3 0%, #364287 50%, #1A275C 100%);
    background: linear-gradient(to bottom, #5E65B3 0%, #364287 50%, #1A275C 100%);
}
</style>