#5E486D - #231320 | 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 #5E486D to #231320

#5E486D #231320

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

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

0.0%	0.0% #5E486D	RGB 94 72 109	#5E486D
16.7%	16.7% #543F60	RGB 84 63 96	#543F60
33.3%	33.3% #4A3653	RGB 74 54 83	#4A3653
50.0%	50.0% #402D46	RGB 64 45 70	#402D46
66.7%	66.7% #362439	RGB 54 36 57	#362439
83.3%	83.3% #2C1B2C	RGB 44 27 44	#2C1B2C
100.0%	100.0% #231320	RGB 35 19 32	#231320

#5E486D #543F60 #4A3653 #402D46 #362439 #2C1B2C #231320

#5E486D - #231320

HSV Blend

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

0.0%	0.0% #5E486D	RGB 94 72 109	#5E486D
16.7%	16.7% #563D60	RGB 86 61 96	#563D60
33.3%	33.3% #4D3454	RGB 77 52 84	#4D3454
50.0%	50.0% #442B48	RGB 68 43 72	#442B48
66.7%	66.7% #3B223B	RGB 59 34 59	#3B223B
83.3%	83.3% #2F1A2D	RGB 47 26 45	#2F1A2D
100.0%	100.0% #231320	RGB 35 19 32	#231320

#5E486D #563D60 #4D3454 #442B48 #3B223B #2F1A2D #231320

#5E486D - #442B48 - #231320

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E486D 0%, #442B48 50%, #231320 100%);
    background: -webkit-linear-gradient(top, #5E486D 0%, #442B48 50%, #231320 100%);
    background: linear-gradient(to bottom, #5E486D 0%, #442B48 50%, #231320 100%);
}
</style>