#5E61A1 - #19274B | 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 #5E61A1 to #19274B

#5E61A1 #19274B

Calculate the color between two colors, #5E61A1 and #19274B. 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)

#5E61A1 - #19274B | 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 #5E61A1 as 0% and #19274B as 100%.

0.0%	0.0% #5E61A1	RGB 94 97 161	#5E61A1
16.7%	16.7% #525792	RGB 82 87 146	#525792
33.3%	33.3% #474D84	RGB 71 77 132	#474D84
50.0%	50.0% #3B4476	RGB 59 68 118	#3B4476
66.7%	66.7% #303A67	RGB 48 58 103	#303A67
83.3%	83.3% #243059	RGB 36 48 89	#243059
100.0%	100.0% #19274B	RGB 25 39 75	#19274B

#5E61A1 #525792 #474D84 #3B4476 #303A67 #243059 #19274B

#5E61A1 - #19274B

HSV Blend

#5E61A1 - #19274B | 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 #5E61A1 as 0% and #19274B as 100%.

0.0%	0.0% #5E61A1	RGB 94 97 161	#5E61A1
16.7%	16.7% #4F5592	RGB 79 85 146	#4F5592
33.3%	33.3% #424A84	RGB 66 74 132	#424A84
50.0%	50.0% #364076	RGB 54 64 118	#364076
66.7%	66.7% #2B3767	RGB 43 55 103	#2B3767
83.3%	83.3% #212E59	RGB 33 46 89	#212E59
100.0%	100.0% #19274B	RGB 25 39 75	#19274B

#5E61A1 #4F5592 #424A84 #364076 #2B3767 #212E59 #19274B

#5E61A1 - #364076 - #19274B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E61A1 0%, #364076 50%, #19274B 100%);
    background: -webkit-linear-gradient(top, #5E61A1 0%, #364076 50%, #19274B 100%);
    background: linear-gradient(to bottom, #5E61A1 0%, #364076 50%, #19274B 100%);
}
</style>