#5E647B - #221F4B | 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 #5E647B to #221F4B

#5E647B #221F4B

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

#5E647B - #221F4B | 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 #5E647B as 0% and #221F4B as 100%.

0.0%	0.0% #5E647B	RGB 94 100 123	#5E647B
16.7%	16.7% #545873	RGB 84 88 115	#545873
33.3%	33.3% #4A4D6B	RGB 74 77 107	#4A4D6B
50.0%	50.0% #404163	RGB 64 65 99	#404163
66.7%	66.7% #36365B	RGB 54 54 91	#36365B
83.3%	83.3% #2C2A53	RGB 44 42 83	#2C2A53
100.0%	100.0% #221F4B	RGB 34 31 75	#221F4B

#5E647B #545873 #4A4D6B #404163 #36365B #2C2A53 #221F4B

#5E647B - #221F4B

HSV Blend

#5E647B - #221F4B | 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 #5E647B as 0% and #221F4B as 100%.

0.0%	0.0% #5E647B	RGB 94 100 123	#5E647B
16.7%	16.7% #515673	RGB 81 86 115	#515673
33.3%	33.3% #45496B	RGB 69 73 107	#45496B
50.0%	50.0% #3A3D63	RGB 58 61 99	#3A3D63
66.7%	66.7% #30315B	RGB 48 49 91	#30315B
83.3%	83.3% #282753	RGB 40 39 83	#282753
100.0%	100.0% #221F4B	RGB 34 31 75	#221F4B

#5E647B #515673 #45496B #3A3D63 #30315B #282753 #221F4B

#5E647B - #3A3D63 - #221F4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E647B 0%, #3A3D63 50%, #221F4B 100%);
    background: -webkit-linear-gradient(top, #5E647B 0%, #3A3D63 50%, #221F4B 100%);
    background: linear-gradient(to bottom, #5E647B 0%, #3A3D63 50%, #221F4B 100%);
}
</style>