#C9907E - #A8482E | 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 #C9907E to #A8482E

#C9907E #A8482E

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

#C9907E - #A8482E | 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 #C9907E as 0% and #A8482E as 100%.

0.0%	0.0% #C9907E	RGB 201 144 126	#C9907E
16.7%	16.7% #C38470	RGB 195 132 112	#C38470
33.3%	33.3% #BE7863	RGB 190 120 99	#BE7863
50.0%	50.0% #B86C56	RGB 184 108 86	#B86C56
66.7%	66.7% #B36048	RGB 179 96 72	#B36048
83.3%	83.3% #AD543B	RGB 173 84 59	#AD543B
100.0%	100.0% #A8482E	RGB 168 72 46	#A8482E

#C9907E #C38470 #BE7863 #B86C56 #B36048 #AD543B #A8482E

#C9907E - #A8482E

HSV Blend

#C9907E - #A8482E | 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 #C9907E as 0% and #A8482E as 100%.

0.0%	0.0% #C9907E	RGB 201 144 126	#C9907E
16.7%	16.7% #C3826F	RGB 195 130 111	#C3826F
33.3%	33.3% #BE7660	RGB 190 118 96	#BE7660
50.0%	50.0% #B86A53	RGB 184 106 83	#B86A53
66.7%	66.7% #B35E46	RGB 179 94 70	#B35E46
83.3%	83.3% #AD5239	RGB 173 82 57	#AD5239
100.0%	100.0% #A8482E	RGB 168 72 46	#A8482E

#C9907E #C3826F #BE7660 #B86A53 #B35E46 #AD5239 #A8482E

#C9907E - #B86A53 - #A8482E

CSS codes

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

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