#5E669B - #20215C | 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 #5E669B to #20215C

#5E669B #20215C

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

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

0.0%	0.0% #5E669B	RGB 94 102 155	#5E669B
16.7%	16.7% #535A90	RGB 83 90 144	#535A90
33.3%	33.3% #494F86	RGB 73 79 134	#494F86
50.0%	50.0% #3F437B	RGB 63 67 123	#3F437B
66.7%	66.7% #343871	RGB 52 56 113	#343871
83.3%	83.3% #2A2C66	RGB 42 44 102	#2A2C66
100.0%	100.0% #20215C	RGB 32 33 92	#20215C

#5E669B #535A90 #494F86 #3F437B #343871 #2A2C66 #20215C

#5E669B - #20215C

HSV Blend

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

0.0%	0.0% #5E669B	RGB 94 102 155	#5E669B
16.7%	16.7% #515890	RGB 81 88 144	#515890
33.3%	33.3% #454B86	RGB 69 75 134	#454B86
50.0%	50.0% #3A3F7B	RGB 58 63 123	#3A3F7B
66.7%	66.7% #313471	RGB 49 52 113	#313471
83.3%	83.3% #282A66	RGB 40 42 102	#282A66
100.0%	100.0% #20215C	RGB 32 33 92	#20215C

#5E669B #515890 #454B86 #3A3F7B #313471 #282A66 #20215C

#5E669B - #3A3F7B - #20215C

CSS codes

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

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