#854A57 - #261518 | 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 #854A57 to #261518

#854A57 #261518

Calculate the color between two colors, #854A57 and #261518. 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)

#854A57 - #261518 | 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 #854A57 as 0% and #261518 as 100%.

0.0%	0.0% #854A57	RGB 133 74 87	#854A57
16.7%	16.7% #75414C	RGB 117 65 76	#75414C
33.3%	33.3% #653842	RGB 101 56 66	#653842
50.0%	50.0% #552F37	RGB 85 47 55	#552F37
66.7%	66.7% #45262D	RGB 69 38 45	#45262D
83.3%	83.3% #351D22	RGB 53 29 34	#351D22
100.0%	100.0% #261518	RGB 38 21 24	#261518

#854A57 #75414C #653842 #552F37 #45262D #351D22 #261518

#854A57 - #261518

HSV Blend

#854A57 - #261518 | 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 #854A57 as 0% and #261518 as 100%.

0.0%	0.0% #854A56	RGB 133 74 86	#854A56
16.7%	16.7% #75414C	RGB 117 65 76	#75414C
33.3%	33.3% #653841	RGB 101 56 65	#653841
50.0%	50.0% #552F36	RGB 85 47 54	#552F36
66.7%	66.7% #45262C	RGB 69 38 44	#45262C
83.3%	83.3% #351D22	RGB 53 29 34	#351D22
100.0%	100.0% #261518	RGB 38 21 24	#261518

#854A56 #75414C #653841 #552F36 #45262C #351D22 #261518

#854A57 - #552F36 - #261518

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #854A56 0%, #552F36 50%, #261518 100%);
    background: -webkit-linear-gradient(top, #854A56 0%, #552F36 50%, #261518 100%);
    background: linear-gradient(to bottom, #854A56 0%, #552F36 50%, #261518 100%);
}
</style>