#32343D - #5E6FA6 | 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 #32343D to #5E6FA6

#32343D #5E6FA6

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

#32343D - #5E6FA6 | 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 #32343D as 0% and #5E6FA6 as 100%.

0.0%	0.0% #32343D	RGB 50 52 61	#32343D
16.7%	16.7% #393D4E	RGB 57 61 78	#393D4E
33.3%	33.3% #404760	RGB 64 71 96	#404760
50.0%	50.0% #485171	RGB 72 81 113	#485171
66.7%	66.7% #4F5B83	RGB 79 91 131	#4F5B83
83.3%	83.3% #566594	RGB 86 101 148	#566594
100.0%	100.0% #5E6FA6	RGB 94 111 166	#5E6FA6

#32343D #393D4E #404760 #485171 #4F5B83 #566594 #5E6FA6

#32343D - #5E6FA6

HSV Blend

#32343D - #5E6FA6 | 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 #32343D as 0% and #5E6FA6 as 100%.

0.0%	0.0% #32343D	RGB 50 52 61	#32343D
16.7%	16.7% #3D404E	RGB 61 64 78	#3D404E
33.3%	33.3% #464B60	RGB 70 75 96	#464B60
50.0%	50.0% #4E5571	RGB 78 85 113	#4E5571
66.7%	66.7% #555F83	RGB 85 95 131	#555F83
83.3%	83.3% #5A6794	RGB 90 103 148	#5A6794
100.0%	100.0% #5E6FA6	RGB 94 111 166	#5E6FA6

#32343D #3D404E #464B60 #4E5571 #555F83 #5A6794 #5E6FA6

#32343D - #4E5571 - #5E6FA6

CSS codes

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

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