#5E618E - #1A2A3C | 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 #5E618E to #1A2A3C

#5E618E #1A2A3C

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

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

0.0%	0.0% #5E618E	RGB 94 97 142	#5E618E
16.7%	16.7% #525780	RGB 82 87 128	#525780
33.3%	33.3% #474E72	RGB 71 78 114	#474E72
50.0%	50.0% #3C4565	RGB 60 69 101	#3C4565
66.7%	66.7% #303C57	RGB 48 60 87	#303C57
83.3%	83.3% #253349	RGB 37 51 73	#253349
100.0%	100.0% #1A2A3C	RGB 26 42 60	#1A2A3C

#5E618E #525780 #474E72 #3C4565 #303C57 #253349 #1A2A3C

#5E618E - #1A2A3C

HSV Blend

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

0.0%	0.0% #5E618E	RGB 94 97 142	#5E618E
16.7%	16.7% #505680	RGB 80 86 128	#505680
33.3%	33.3% #434C72	RGB 67 76 114	#434C72
50.0%	50.0% #374365	RGB 55 67 101	#374365
66.7%	66.7% #2C3A57	RGB 44 58 87	#2C3A57
83.3%	83.3% #223249	RGB 34 50 73	#223249
100.0%	100.0% #1A2A3C	RGB 26 42 60	#1A2A3C

#5E618E #505680 #434C72 #374365 #2C3A57 #223249 #1A2A3C

#5E618E - #374365 - #1A2A3C

CSS codes

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

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