#C06F6B - #9A2B20 | 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 #C06F6B to #9A2B20

#C06F6B #9A2B20

Calculate the color between two colors, #C06F6B and #9A2B20. 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)

#C06F6B - #9A2B20 | 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 #C06F6B as 0% and #9A2B20 as 100%.

0.0%	0.0% #C06F6B	RGB 192 111 107	#C06F6B
16.7%	16.7% #B9635E	RGB 185 99 94	#B9635E
33.3%	33.3% #B35852	RGB 179 88 82	#B35852
50.0%	50.0% #AD4D45	RGB 173 77 69	#AD4D45
66.7%	66.7% #A64139	RGB 166 65 57	#A64139
83.3%	83.3% #A0362C	RGB 160 54 44	#A0362C
100.0%	100.0% #9A2B20	RGB 154 43 32	#9A2B20

#C06F6B #B9635E #B35852 #AD4D45 #A64139 #A0362C #9A2B20

#C06F6B - #9A2B20

HSV Blend

#C06F6B - #9A2B20 | 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 #C06F6B as 0% and #9A2B20 as 100%.

0.0%	0.0% #C06F6B	RGB 192 111 107	#C06F6B
16.7%	16.7% #B9615C	RGB 185 97 92	#B9615C
33.3%	33.3% #B3554F	RGB 179 85 79	#B3554F
50.0%	50.0% #AD4942	RGB 173 73 66	#AD4942
66.7%	66.7% #A63E36	RGB 166 62 54	#A63E36
83.3%	83.3% #A0342A	RGB 160 52 42	#A0342A
100.0%	100.0% #9A2B20	RGB 154 43 32	#9A2B20

#C06F6B #B9615C #B3554F #AD4942 #A63E36 #A0342A #9A2B20

#C06F6B - #AD4942 - #9A2B20

CSS codes

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

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