#391D2D - #8E4B64 | 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 #391D2D to #8E4B64

#391D2D #8E4B64

Calculate the color between two colors, #391D2D and #8E4B64. 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)

#391D2D - #8E4B64 | 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 #391D2D as 0% and #8E4B64 as 100%.

0.0%	0.0% #391D2D	RGB 57 29 45	#391D2D
16.7%	16.7% #472436	RGB 71 36 54	#472436
33.3%	33.3% #552C3F	RGB 85 44 63	#552C3F
50.0%	50.0% #633448	RGB 99 52 72	#633448
66.7%	66.7% #713B51	RGB 113 59 81	#713B51
83.3%	83.3% #7F435A	RGB 127 67 90	#7F435A
100.0%	100.0% #8E4B64	RGB 142 75 100	#8E4B64

#391D2D #472436 #552C3F #633448 #713B51 #7F435A #8E4B64

#391D2D - #8E4B64

HSV Blend

#391D2D - #8E4B64 | 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 #391D2D as 0% and #8E4B64 as 100%.

0.0%	0.0% #391D2D	RGB 57 29 45	#391D2D
16.7%	16.7% #472437	RGB 71 36 55	#472437
33.3%	33.3% #552B40	RGB 85 43 64	#552B40
50.0%	50.0% #63334A	RGB 99 51 74	#63334A
66.7%	66.7% #713B53	RGB 113 59 83	#713B53
83.3%	83.3% #7F435B	RGB 127 67 91	#7F435B
100.0%	100.0% #8E4B64	RGB 142 75 100	#8E4B64

#391D2D #472437 #552B40 #63334A #713B53 #7F435B #8E4B64

#391D2D - #63334A - #8E4B64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391D2D 0%, #63334A 50%, #8E4B64 100%);
    background: -webkit-linear-gradient(top, #391D2D 0%, #63334A 50%, #8E4B64 100%);
    background: linear-gradient(to bottom, #391D2D 0%, #63334A 50%, #8E4B64 100%);
}
</style>