#855761 - #26181B | 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 #855761 to #26181B

#855761 #26181B

Calculate the color between two colors, #855761 and #26181B. 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)

#855761 - #26181B | 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 #855761 as 0% and #26181B as 100%.

0.0%	0.0% #855761	RGB 133 87 97	#855761
16.7%	16.7% #754C55	RGB 117 76 85	#754C55
33.3%	33.3% #654249	RGB 101 66 73	#654249
50.0%	50.0% #55373E	RGB 85 55 62	#55373E
66.7%	66.7% #452D32	RGB 69 45 50	#452D32
83.3%	83.3% #352226	RGB 53 34 38	#352226
100.0%	100.0% #26181B	RGB 38 24 27	#26181B

#855761 #754C55 #654249 #55373E #452D32 #352226 #26181B

#855761 - #26181B

HSV Blend

#855761 - #26181B | 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 #855761 as 0% and #26181B as 100%.

0.0%	0.0% #855761	RGB 133 87 97	#855761
16.7%	16.7% #754C55	RGB 117 76 85	#754C55
33.3%	33.3% #654149	RGB 101 65 73	#654149
50.0%	50.0% #55363D	RGB 85 54 61	#55363D
66.7%	66.7% #452C31	RGB 69 44 49	#452C31
83.3%	83.3% #352226	RGB 53 34 38	#352226
100.0%	100.0% #26181B	RGB 38 24 27	#26181B

#855761 #754C55 #654149 #55363D #452C31 #352226 #26181B

#855761 - #55363D - #26181B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #855761 0%, #55363D 50%, #26181B 100%);
    background: -webkit-linear-gradient(top, #855761 0%, #55363D 50%, #26181B 100%);
    background: linear-gradient(to bottom, #855761 0%, #55363D 50%, #26181B 100%);
}
</style>