#5E65AC - #1B1A70 | 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 #5E65AC to #1B1A70

#5E65AC #1B1A70

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

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

0.0%	0.0% #5E65AC	RGB 94 101 172	#5E65AC
16.7%	16.7% #5258A2	RGB 82 88 162	#5258A2
33.3%	33.3% #474C98	RGB 71 76 152	#474C98
50.0%	50.0% #3C3F8E	RGB 60 63 142	#3C3F8E
66.7%	66.7% #313384	RGB 49 51 132	#313384
83.3%	83.3% #26267A	RGB 38 38 122	#26267A
100.0%	100.0% #1B1A70	RGB 27 26 112	#1B1A70

#5E65AC #5258A2 #474C98 #3C3F8E #313384 #26267A #1B1A70

#5E65AC - #1B1A70

HSV Blend

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

0.0%	0.0% #5E65AC	RGB 94 101 172	#5E65AC
16.7%	16.7% #5056A2	RGB 80 86 162	#5056A2
33.3%	33.3% #434798	RGB 67 71 152	#434798
50.0%	50.0% #373A8E	RGB 55 58 142	#373A8E
66.7%	66.7% #2C2E84	RGB 44 46 132	#2C2E84
83.3%	83.3% #22237A	RGB 34 35 122	#22237A
100.0%	100.0% #1B1A70	RGB 27 26 112	#1B1A70

#5E65AC #5056A2 #434798 #373A8E #2C2E84 #22237A #1B1A70

#5E65AC - #373A8E - #1B1A70

CSS codes

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

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