#5E456A - #21131E | 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 #5E456A to #21131E

#5E456A #21131E

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

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

0.0%	0.0% #5E456A	RGB 94 69 106	#5E456A
16.7%	16.7% #533C5D	RGB 83 60 93	#533C5D
33.3%	33.3% #493450	RGB 73 52 80	#493450
50.0%	50.0% #3F2C44	RGB 63 44 68	#3F2C44
66.7%	66.7% #352337	RGB 53 35 55	#352337
83.3%	83.3% #2B1B2A	RGB 43 27 42	#2B1B2A
100.0%	100.0% #21131E	RGB 33 19 30	#21131E

#5E456A #533C5D #493450 #3F2C44 #352337 #2B1B2A #21131E

#5E456A - #21131E

HSV Blend

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

0.0%	0.0% #5D456A	RGB 93 69 106	#5D456A
16.7%	16.7% #553B5D	RGB 85 59 93	#553B5D
33.3%	33.3% #4D3351	RGB 77 51 81	#4D3351
50.0%	50.0% #442A45	RGB 68 42 69	#442A45
66.7%	66.7% #392238	RGB 57 34 56	#392238
83.3%	83.3% #2D1A2A	RGB 45 26 42	#2D1A2A
100.0%	100.0% #21131E	RGB 33 19 30	#21131E

#5D456A #553B5D #4D3351 #442A45 #392238 #2D1A2A #21131E

#5E456A - #442A45 - #21131E

CSS codes

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

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