#C17B7B - #A0322B | 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 #C17B7B to #A0322B

#C17B7B #A0322B

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

#C17B7B - #A0322B | 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 #C17B7B as 0% and #A0322B as 100%.

0.0%	0.0% #C17B7B	RGB 193 123 123	#C17B7B
16.7%	16.7% #BB6E6D	RGB 187 110 109	#BB6E6D
33.3%	33.3% #B66260	RGB 182 98 96	#B66260
50.0%	50.0% #B05653	RGB 176 86 83	#B05653
66.7%	66.7% #AB4A45	RGB 171 74 69	#AB4A45
83.3%	83.3% #A53E38	RGB 165 62 56	#A53E38
100.0%	100.0% #A0322B	RGB 160 50 43	#A0322B

#C17B7B #BB6E6D #B66260 #B05653 #AB4A45 #A53E38 #A0322B

#C17B7B - #A0322B

HSV Blend

#C17B7B - #A0322B | 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 #C17B7B as 0% and #A0322B as 100%.

0.0%	0.0% #C17B7B	RGB 193 123 123	#C17B7B
16.7%	16.7% #BB6C6B	RGB 187 108 107	#BB6C6B
33.3%	33.3% #B65F5D	RGB 182 95 93	#B65F5D
50.0%	50.0% #B0524F	RGB 176 82 79	#B0524F
66.7%	66.7% #AB4742	RGB 171 71 66	#AB4742
83.3%	83.3% #A53C36	RGB 165 60 54	#A53C36
100.0%	100.0% #A0322B	RGB 160 50 43	#A0322B

#C17B7B #BB6C6B #B65F5D #B0524F #AB4742 #A53C36 #A0322B

#C17B7B - #B0524F - #A0322B

CSS codes

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

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