#332525 - #8F6858 | 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 #332525 to #8F6858

#332525 #8F6858

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

#332525 - #8F6858 | 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 #332525 as 0% and #8F6858 as 100%.

0.0%	0.0% #332525	RGB 51 37 37	#332525
16.7%	16.7% #42302D	RGB 66 48 45	#42302D
33.3%	33.3% #513B36	RGB 81 59 54	#513B36
50.0%	50.0% #61463E	RGB 97 70 62	#61463E
66.7%	66.7% #705147	RGB 112 81 71	#705147
83.3%	83.3% #7F5C4F	RGB 127 92 79	#7F5C4F
100.0%	100.0% #8F6858	RGB 143 104 88	#8F6858

#332525 #42302D #513B36 #61463E #705147 #7F5C4F #8F6858

#332525 - #8F6858

HSV Blend

#332525 - #8F6858 | 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 #332525 as 0% and #8F6858 as 100%.

0.0%	0.0% #332525	RGB 51 37 37	#332525
16.7%	16.7% #422F2E	RGB 66 47 46	#422F2E
33.3%	33.3% #513A38	RGB 81 58 56	#513A38
50.0%	50.0% #614541	RGB 97 69 65	#614541
66.7%	66.7% #705049	RGB 112 80 73	#705049
83.3%	83.3% #7F5C50	RGB 127 92 80	#7F5C50
100.0%	100.0% #8F6858	RGB 143 104 88	#8F6858

#332525 #422F2E #513A38 #614541 #705049 #7F5C50 #8F6858

#332525 - #614541 - #8F6858

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #332525 0%, #614541 50%, #8F6858 100%);
    background: -webkit-linear-gradient(top, #332525 0%, #614541 50%, #8F6858 100%);
    background: linear-gradient(to bottom, #332525 0%, #614541 50%, #8F6858 100%);
}
</style>