#5E4652 - #3F1313 | 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 #5E4652 to #3F1313

#5E4652 #3F1313

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

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

0.0%	0.0% #5E4652	RGB 94 70 82	#5E4652
16.7%	16.7% #583D47	RGB 88 61 71	#583D47
33.3%	33.3% #53353D	RGB 83 53 61	#53353D
50.0%	50.0% #4E2C32	RGB 78 44 50	#4E2C32
66.7%	66.7% #492428	RGB 73 36 40	#492428
83.3%	83.3% #441B1D	RGB 68 27 29	#441B1D
100.0%	100.0% #3F1313	RGB 63 19 19	#3F1313

#5E4652 #583D47 #53353D #4E2C32 #492428 #441B1D #3F1313

#5E4652 - #3F1313

HSV Blend

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

0.0%	0.0% #5E4652	RGB 94 70 82	#5E4652
16.7%	16.7% #583B47	RGB 88 59 71	#583B47
33.3%	33.3% #53313D	RGB 83 49 61	#53313D
50.0%	50.0% #4E2932	RGB 78 41 50	#4E2932
66.7%	66.7% #492027	RGB 73 32 39	#492027
83.3%	83.3% #44191D	RGB 68 25 29	#44191D
100.0%	100.0% #3F1313	RGB 63 19 19	#3F1313

#5E4652 #583B47 #53313D #4E2932 #492027 #44191D #3F1313

#5E4652 - #4E2932 - #3F1313

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4652 0%, #4E2932 50%, #3F1313 100%);
    background: -webkit-linear-gradient(top, #5E4652 0%, #4E2932 50%, #3F1313 100%);
    background: linear-gradient(to bottom, #5E4652 0%, #4E2932 50%, #3F1313 100%);
}
</style>