#3C3B48 - #5E7DBA | 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 #3C3B48 to #5E7DBA

#3C3B48 #5E7DBA

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

#3C3B48 - #5E7DBA | 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 #3C3B48 as 0% and #5E7DBA as 100%.

0.0%	0.0% #3C3B48	RGB 60 59 72	#3C3B48
16.7%	16.7% #41465B	RGB 65 70 91	#41465B
33.3%	33.3% #47516E	RGB 71 81 110	#47516E
50.0%	50.0% #4D5C81	RGB 77 92 129	#4D5C81
66.7%	66.7% #526794	RGB 82 103 148	#526794
83.3%	83.3% #5872A7	RGB 88 114 167	#5872A7
100.0%	100.0% #5E7DBA	RGB 94 125 186	#5E7DBA

#3C3B48 #41465B #47516E #4D5C81 #526794 #5872A7 #5E7DBA

#3C3B48 - #5E7DBA

HSV Blend

#3C3B48 - #5E7DBA | 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 #3C3B48 as 0% and #5E7DBA as 100%.

0.0%	0.0% #3C3B48	RGB 60 59 72	#3C3B48
16.7%	16.7% #45455B	RGB 69 69 91	#45455B
33.3%	33.3% #4E506E	RGB 78 80 110	#4E506E
50.0%	50.0% #555B81	RGB 85 91 129	#555B81
66.7%	66.7% #5A6594	RGB 90 101 148	#5A6594
83.3%	83.3% #5D70A7	RGB 93 112 167	#5D70A7
100.0%	100.0% #5E7DBA	RGB 94 125 186	#5E7DBA

#3C3B48 #45455B #4E506E #555B81 #5A6594 #5D70A7 #5E7DBA

#3C3B48 - #555B81 - #5E7DBA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3B48 0%, #555B81 50%, #5E7DBA 100%);
    background: -webkit-linear-gradient(top, #3C3B48 0%, #555B81 50%, #5E7DBA 100%);
    background: linear-gradient(to bottom, #3C3B48 0%, #555B81 50%, #5E7DBA 100%);
}
</style>