#864053 - #E6876B | 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 #864053 to #E6876B

#864053 #E6876B

Calculate the color between two colors, #864053 and #E6876B. 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)

#864053 - #E6876B | 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 #864053 as 0% and #E6876B as 100%.

0.0%	0.0% #864053	RGB 134 64 83	#864053
16.7%	16.7% #964B57	RGB 150 75 87	#964B57
33.3%	33.3% #A6575B	RGB 166 87 91	#A6575B
50.0%	50.0% #B6635F	RGB 182 99 95	#B6635F
66.7%	66.7% #C66F63	RGB 198 111 99	#C66F63
83.3%	83.3% #D67B67	RGB 214 123 103	#D67B67
100.0%	100.0% #E6876B	RGB 230 135 107	#E6876B

#864053 #964B57 #A6575B #B6635F #C66F63 #D67B67 #E6876B

#864053 - #E6876B

HSV Blend

#864053 - #E6876B | 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 #864053 as 0% and #E6876B as 100%.

0.0%	0.0% #864053	RGB 134 64 83	#864053
16.7%	16.7% #964756	RGB 150 71 86	#964756
33.3%	33.3% #A64E57	RGB 166 78 87	#A64E57
50.0%	50.0% #B65557	RGB 182 85 87	#B65557
66.7%	66.7% #C6635C	RGB 198 99 92	#C6635C
83.3%	83.3% #D67463	RGB 214 116 99	#D67463
100.0%	100.0% #E6876B	RGB 230 135 107	#E6876B

#864053 #964756 #A64E57 #B65557 #C6635C #D67463 #E6876B

#864053 - #B65557 - #E6876B

CSS codes

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

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