#5E63B2 - #1A265B | 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 #5E63B2 to #1A265B

#5E63B2 #1A265B

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

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

0.0%	0.0% #5E63B2	RGB 94 99 178	#5E63B2
16.7%	16.7% #5258A3	RGB 82 88 163	#5258A3
33.3%	33.3% #474E95	RGB 71 78 149	#474E95
50.0%	50.0% #3C4486	RGB 60 68 134	#3C4486
66.7%	66.7% #303A78	RGB 48 58 120	#303A78
83.3%	83.3% #253069	RGB 37 48 105	#253069
100.0%	100.0% #1A265B	RGB 26 38 91	#1A265B

#5E63B2 #5258A3 #474E95 #3C4486 #303A78 #253069 #1A265B

#5E63B2 - #1A265B

HSV Blend

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

0.0%	0.0% #5E63B2	RGB 94 99 178	#5E63B2
16.7%	16.7% #4F56A3	RGB 79 86 163	#4F56A3
33.3%	33.3% #424A95	RGB 66 74 149	#424A95
50.0%	50.0% #364086	RGB 54 64 134	#364086
66.7%	66.7% #2B3678	RGB 43 54 120	#2B3678
83.3%	83.3% #222E69	RGB 34 46 105	#222E69
100.0%	100.0% #1A265B	RGB 26 38 91	#1A265B

#5E63B2 #4F56A3 #424A95 #364086 #2B3678 #222E69 #1A265B

#5E63B2 - #364086 - #1A265B

CSS codes

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

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