#CF855C - #A64319 | 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 #CF855C to #A64319

#CF855C #A64319

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

#CF855C - #A64319 | 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 #CF855C as 0% and #A64319 as 100%.

0.0%	0.0% #CF855C	RGB 207 133 92	#CF855C
16.7%	16.7% #C87A50	RGB 200 122 80	#C87A50
33.3%	33.3% #C16F45	RGB 193 111 69	#C16F45
50.0%	50.0% #BA643A	RGB 186 100 58	#BA643A
66.7%	66.7% #B3592F	RGB 179 89 47	#B3592F
83.3%	83.3% #AC4E24	RGB 172 78 36	#AC4E24
100.0%	100.0% #A64319	RGB 166 67 25	#A64319

#CF855C #C87A50 #C16F45 #BA643A #B3592F #AC4E24 #A64319

#CF855C - #A64319

HSV Blend

#CF855C - #A64319 | 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 #CF855C as 0% and #A64319 as 100%.

0.0%	0.0% #CF855C	RGB 207 133 92	#CF855C
16.7%	16.7% #C8794F	RGB 200 121 79	#C8794F
33.3%	33.3% #C16D42	RGB 193 109 66	#C16D42
50.0%	50.0% #BA6237	RGB 186 98 55	#BA6237
66.7%	66.7% #B3572C	RGB 179 87 44	#B3572C
83.3%	83.3% #AC4D22	RGB 172 77 34	#AC4D22
100.0%	100.0% #A64319	RGB 166 67 25	#A64319

#CF855C #C8794F #C16D42 #BA6237 #B3572C #AC4D22 #A64319

#CF855C - #BA6237 - #A64319

CSS codes

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

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