#323643 - #5E6BAD | 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 #323643 to #5E6BAD

#323643 #5E6BAD

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

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

0.0%	0.0% #323643	RGB 50 54 67	#323643
16.7%	16.7% #393E54	RGB 57 62 84	#393E54
33.3%	33.3% #404766	RGB 64 71 102	#404766
50.0%	50.0% #485078	RGB 72 80 120	#485078
66.7%	66.7% #4F5989	RGB 79 89 137	#4F5989
83.3%	83.3% #56629B	RGB 86 98 155	#56629B
100.0%	100.0% #5E6BAD	RGB 94 107 173	#5E6BAD

#323643 #393E54 #404766 #485078 #4F5989 #56629B #5E6BAD

#323643 - #5E6BAD

HSV Blend

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

0.0%	0.0% #323643	RGB 50 54 67	#323643
16.7%	16.7% #3C4154	RGB 60 65 84	#3C4154
33.3%	33.3% #454C66	RGB 69 76 102	#454C66
50.0%	50.0% #4D5578	RGB 77 85 120	#4D5578
66.7%	66.7% #545E89	RGB 84 94 137	#545E89
83.3%	83.3% #59659B	RGB 89 101 155	#59659B
100.0%	100.0% #5E6BAD	RGB 94 107 173	#5E6BAD

#323643 #3C4154 #454C66 #4D5578 #545E89 #59659B #5E6BAD

#323643 - #4D5578 - #5E6BAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323643 0%, #4D5578 50%, #5E6BAD 100%);
    background: -webkit-linear-gradient(top, #323643 0%, #4D5578 50%, #5E6BAD 100%);
    background: linear-gradient(to bottom, #323643 0%, #4D5578 50%, #5E6BAD 100%);
}
</style>