#5E65B8 - #1A2662 | 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 #5E65B8 to #1A2662

#5E65B8 #1A2662

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

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

0.0%	0.0% #5E65B8	RGB 94 101 184	#5E65B8
16.7%	16.7% #525AA9	RGB 82 90 169	#525AA9
33.3%	33.3% #47509B	RGB 71 80 155	#47509B
50.0%	50.0% #3C458D	RGB 60 69 141	#3C458D
66.7%	66.7% #303B7E	RGB 48 59 126	#303B7E
83.3%	83.3% #253070	RGB 37 48 112	#253070
100.0%	100.0% #1A2662	RGB 26 38 98	#1A2662

#5E65B8 #525AA9 #47509B #3C458D #303B7E #253070 #1A2662

#5E65B8 - #1A2662

HSV Blend

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

0.0%	0.0% #5E65B8	RGB 94 101 184	#5E65B8
16.7%	16.7% #4F58A9	RGB 79 88 169	#4F58A9
33.3%	33.3% #424C9B	RGB 66 76 155	#424C9B
50.0%	50.0% #36418D	RGB 54 65 141	#36418D
66.7%	66.7% #2B377E	RGB 43 55 126	#2B377E
83.3%	83.3% #222E70	RGB 34 46 112	#222E70
100.0%	100.0% #1A2662	RGB 26 38 98	#1A2662

#5E65B8 #4F58A9 #424C9B #36418D #2B377E #222E70 #1A2662

#5E65B8 - #36418D - #1A2662

CSS codes

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

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