#865B6B - #26191E | 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 #865B6B to #26191E

#865B6B #26191E

Calculate the color between two colors, #865B6B and #26191E. 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)

#865B6B - #26191E | 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 #865B6B as 0% and #26191E as 100%.

0.0%	0.0% #865B6B	RGB 134 91 107	#865B6B
16.7%	16.7% #76505E	RGB 118 80 94	#76505E
33.3%	33.3% #664551	RGB 102 69 81	#664551
50.0%	50.0% #563A44	RGB 86 58 68	#563A44
66.7%	66.7% #462F37	RGB 70 47 55	#462F37
83.3%	83.3% #36242A	RGB 54 36 42	#36242A
100.0%	100.0% #26191E	RGB 38 25 30	#26191E

#865B6B #76505E #664551 #563A44 #462F37 #36242A #26191E

#865B6B - #26191E

HSV Blend

#865B6B - #26191E | 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 #865B6B as 0% and #26191E as 100%.

0.0%	0.0% #865B6B	RGB 134 91 107	#865B6B
16.7%	16.7% #764F5E	RGB 118 79 94	#764F5E
33.3%	33.3% #664451	RGB 102 68 81	#664451
50.0%	50.0% #563944	RGB 86 57 68	#563944
66.7%	66.7% #462E37	RGB 70 46 55	#462E37
83.3%	83.3% #36232A	RGB 54 35 42	#36232A
100.0%	100.0% #26191E	RGB 38 25 30	#26191E

#865B6B #764F5E #664451 #563944 #462E37 #36232A #26191E

#865B6B - #563944 - #26191E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #865B6B 0%, #563944 50%, #26191E 100%);
    background: -webkit-linear-gradient(top, #865B6B 0%, #563944 50%, #26191E 100%);
    background: linear-gradient(to bottom, #865B6B 0%, #563944 50%, #26191E 100%);
}
</style>