#5E61A2 - #292754 | 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 #5E61A2 to #292754

#5E61A2 #292754

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

#5E61A2 - #292754 | 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 #5E61A2 as 0% and #292754 as 100%.

0.0%	0.0% #5E61A2	RGB 94 97 162	#5E61A2
16.7%	16.7% #555795	RGB 85 87 149	#555795
33.3%	33.3% #4C4D88	RGB 76 77 136	#4C4D88
50.0%	50.0% #43447B	RGB 67 68 123	#43447B
66.7%	66.7% #3A3A6E	RGB 58 58 110	#3A3A6E
83.3%	83.3% #313061	RGB 49 48 97	#313061
100.0%	100.0% #292754	RGB 41 39 84	#292754

#5E61A2 #555795 #4C4D88 #43447B #3A3A6E #313061 #292754

#5E61A2 - #292754

HSV Blend

#5E61A2 - #292754 | 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 #5E61A2 as 0% and #292754 as 100%.

0.0%	0.0% #5E61A2	RGB 94 97 162	#5E61A2
16.7%	16.7% #535595	RGB 83 85 149	#535595
33.3%	33.3% #494A88	RGB 73 74 136	#494A88
50.0%	50.0% #40407B	RGB 64 64 123	#40407B
66.7%	66.7% #38376E	RGB 56 55 110	#38376E
83.3%	83.3% #302E61	RGB 48 46 97	#302E61
100.0%	100.0% #292754	RGB 41 39 84	#292754

#5E61A2 #535595 #494A88 #40407B #38376E #302E61 #292754

#5E61A2 - #40407B - #292754

CSS codes

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

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