#5E5FAE - #20215B | 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 #5E5FAE to #20215B

#5E5FAE #20215B

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

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

0.0%	0.0% #5E5FAE	RGB 94 95 174	#5E5FAE
16.7%	16.7% #5354A0	RGB 83 84 160	#5354A0
33.3%	33.3% #494A92	RGB 73 74 146	#494A92
50.0%	50.0% #3F4084	RGB 63 64 132	#3F4084
66.7%	66.7% #343576	RGB 52 53 118	#343576
83.3%	83.3% #2A2B68	RGB 42 43 104	#2A2B68
100.0%	100.0% #20215B	RGB 32 33 91	#20215B

#5E5FAE #5354A0 #494A92 #3F4084 #343576 #2A2B68 #20215B

#5E5FAE - #20215B

HSV Blend

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

0.0%	0.0% #5E5FAE	RGB 94 95 174	#5E5FAE
16.7%	16.7% #5152A0	RGB 81 82 160	#5152A0
33.3%	33.3% #454692	RGB 69 70 146	#454692
50.0%	50.0% #3B3C84	RGB 59 60 132	#3B3C84
66.7%	66.7% #313276	RGB 49 50 118	#313276
83.3%	83.3% #282968	RGB 40 41 104	#282968
100.0%	100.0% #20215B	RGB 32 33 91	#20215B

#5E5FAE #5152A0 #454692 #3B3C84 #313276 #282968 #20215B

#5E5FAE - #3B3C84 - #20215B

CSS codes

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

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