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

#5E63B2 #1A1C32

Calculate the color between two colors, #5E63B2 and #1A1C32. 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 - #1A1C32 | 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 #1A1C32 as 100%.

0.0%	0.0% #5E63B2	RGB 94 99 178	#5E63B2
16.7%	16.7% #52579C	RGB 82 87 156	#52579C
33.3%	33.3% #474B87	RGB 71 75 135	#474B87
50.0%	50.0% #3C3F72	RGB 60 63 114	#3C3F72
66.7%	66.7% #30335C	RGB 48 51 92	#30335C
83.3%	83.3% #252747	RGB 37 39 71	#252747
100.0%	100.0% #1A1C32	RGB 26 28 50	#1A1C32

#5E63B2 #52579C #474B87 #3C3F72 #30335C #252747 #1A1C32

#5E63B2 - #1A1C32

HSV Blend

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

0.0%	0.0% #5E63B2	RGB 94 99 178	#5E63B2
16.7%	16.7% #52579C	RGB 82 87 156	#52579C
33.3%	33.3% #474B87	RGB 71 75 135	#474B87
50.0%	50.0% #3B3F72	RGB 59 63 114	#3B3F72
66.7%	66.7% #30335C	RGB 48 51 92	#30335C
83.3%	83.3% #252747	RGB 37 39 71	#252747
100.0%	100.0% #1A1C32	RGB 26 28 50	#1A1C32

#5E63B2 #52579C #474B87 #3B3F72 #30335C #252747 #1A1C32

#5E63B2 - #3B3F72 - #1A1C32

CSS codes

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

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