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

#5E64AF #1A1C32

Calculate the color between two colors, #5E64AF 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)

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

0.0%	0.0% #5E64AF	RGB 94 100 175	#5E64AF
16.7%	16.7% #52589A	RGB 82 88 154	#52589A
33.3%	33.3% #474C85	RGB 71 76 133	#474C85
50.0%	50.0% #3C4070	RGB 60 64 112	#3C4070
66.7%	66.7% #30345B	RGB 48 52 91	#30345B
83.3%	83.3% #252846	RGB 37 40 70	#252846
100.0%	100.0% #1A1C32	RGB 26 28 50	#1A1C32

#5E64AF #52589A #474C85 #3C4070 #30345B #252846 #1A1C32

#5E64AF - #1A1C32

HSV Blend

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

0.0%	0.0% #5E64AF	RGB 94 100 175	#5E64AF
16.7%	16.7% #52579A	RGB 82 87 154	#52579A
33.3%	33.3% #464B85	RGB 70 75 133	#464B85
50.0%	50.0% #3B3F70	RGB 59 63 112	#3B3F70
66.7%	66.7% #30335B	RGB 48 51 91	#30335B
83.3%	83.3% #252746	RGB 37 39 70	#252746
100.0%	100.0% #1A1C32	RGB 26 28 50	#1A1C32

#5E64AF #52579A #464B85 #3B3F70 #30335B #252746 #1A1C32

#5E64AF - #3B3F70 - #1A1C32

CSS codes

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

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