#C76B5E - #FF8F7F | 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 #C76B5E to #FF8F7F

#C76B5E #FF8F7F

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

#C76B5E - #FF8F7F | 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 #C76B5E as 0% and #FF8F7F as 100%.

0.0%	0.0% #C76B5E	RGB 199 107 94	#C76B5E
16.7%	16.7% #D07163	RGB 208 113 99	#D07163
33.3%	33.3% #D97769	RGB 217 119 105	#D97769
50.0%	50.0% #E37D6E	RGB 227 125 110	#E37D6E
66.7%	66.7% #EC8374	RGB 236 131 116	#EC8374
83.3%	83.3% #F58979	RGB 245 137 121	#F58979
100.0%	100.0% #FF8F7F	RGB 255 143 127	#FF8F7F

#C76B5E #D07163 #D97769 #E37D6E #EC8374 #F58979 #FF8F7F

#C76B5E - #FF8F7F

HSV Blend

#C76B5E - #FF8F7F | 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 #C76B5E as 0% and #FF8F7F as 100%.

0.0%	0.0% #C76B5E	RGB 199 107 94	#C76B5E
16.7%	16.7% #D07063	RGB 208 112 99	#D07063
33.3%	33.3% #D97668	RGB 217 118 104	#D97668
50.0%	50.0% #E37C6E	RGB 227 124 110	#E37C6E
66.7%	66.7% #EC8273	RGB 236 130 115	#EC8273
83.3%	83.3% #F58879	RGB 245 136 121	#F58879
100.0%	100.0% #FF8F7F	RGB 255 143 127	#FF8F7F

#C76B5E #D07063 #D97668 #E37C6E #EC8273 #F58879 #FF8F7F

#C76B5E - #E37C6E - #FF8F7F

CSS codes

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

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