#5E4469 - #20131E | 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 #5E4469 to #20131E

#5E4469 #20131E

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

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

0.0%	0.0% #5E4469	RGB 94 68 105	#5E4469
16.7%	16.7% #533B5C	RGB 83 59 92	#533B5C
33.3%	33.3% #493350	RGB 73 51 80	#493350
50.0%	50.0% #3F2B43	RGB 63 43 67	#3F2B43
66.7%	66.7% #342337	RGB 52 35 55	#342337
83.3%	83.3% #2A1B2A	RGB 42 27 42	#2A1B2A
100.0%	100.0% #20131E	RGB 32 19 30	#20131E

#5E4469 #533B5C #493350 #3F2B43 #342337 #2A1B2A #20131E

#5E4469 - #20131E

HSV Blend

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

0.0%	0.0% #5D4469	RGB 93 68 105	#5D4469
16.7%	16.7% #553B5C	RGB 85 59 92	#553B5C
33.3%	33.3% #4C3250	RGB 76 50 80	#4C3250
50.0%	50.0% #422A44	RGB 66 42 68	#422A44
66.7%	66.7% #382238	RGB 56 34 56	#382238
83.3%	83.3% #2C1A2A	RGB 44 26 42	#2C1A2A
100.0%	100.0% #20131E	RGB 32 19 30	#20131E

#5D4469 #553B5C #4C3250 #422A44 #382238 #2C1A2A #20131E

#5E4469 - #422A44 - #20131E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4469 0%, #422A44 50%, #20131E 100%);
    background: -webkit-linear-gradient(top, #5D4469 0%, #422A44 50%, #20131E 100%);
    background: linear-gradient(to bottom, #5D4469 0%, #422A44 50%, #20131E 100%);
}
</style>