#5E5B81 - #33142E | 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 #5E5B81 to #33142E

#5E5B81 #33142E

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

#5E5B81 - #33142E | 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 #5E5B81 as 0% and #33142E as 100%.

0.0%	0.0% #5E5B81	RGB 94 91 129	#5E5B81
16.7%	16.7% #564F73	RGB 86 79 115	#564F73
33.3%	33.3% #4F4365	RGB 79 67 101	#4F4365
50.0%	50.0% #483757	RGB 72 55 87	#483757
66.7%	66.7% #412B49	RGB 65 43 73	#412B49
83.3%	83.3% #3A1F3B	RGB 58 31 59	#3A1F3B
100.0%	100.0% #33142E	RGB 51 20 46	#33142E

#5E5B81 #564F73 #4F4365 #483757 #412B49 #3A1F3B #33142E

#5E5B81 - #33142E

HSV Blend

#5E5B81 - #33142E | 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 #5E5B81 as 0% and #33142E as 100%.

0.0%	0.0% #5D5B81	RGB 93 91 129	#5D5B81
16.7%	16.7% #564B74	RGB 86 75 116	#564B74
33.3%	33.3% #4F3D67	RGB 79 61 103	#4F3D67
50.0%	50.0% #4A315A	RGB 74 49 90	#4A315A
66.7%	66.7% #45264D	RGB 69 38 77	#45264D
83.3%	83.3% #3F1C40	RGB 63 28 64	#3F1C40
100.0%	100.0% #33142E	RGB 51 20 46	#33142E

#5D5B81 #564B74 #4F3D67 #4A315A #45264D #3F1C40 #33142E

#5E5B81 - #4A315A - #33142E

CSS codes

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

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