#CD7E6B - #A73921 | 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 #CD7E6B to #A73921

#CD7E6B #A73921

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

#CD7E6B - #A73921 | 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 #CD7E6B as 0% and #A73921 as 100%.

0.0%	0.0% #CD7E6B	RGB 205 126 107	#CD7E6B
16.7%	16.7% #C6725E	RGB 198 114 94	#C6725E
33.3%	33.3% #C06752	RGB 192 103 82	#C06752
50.0%	50.0% #BA5B46	RGB 186 91 70	#BA5B46
66.7%	66.7% #B35039	RGB 179 80 57	#B35039
83.3%	83.3% #AD442D	RGB 173 68 45	#AD442D
100.0%	100.0% #A73921	RGB 167 57 33	#A73921

#CD7E6B #C6725E #C06752 #BA5B46 #B35039 #AD442D #A73921

#CD7E6B - #A73921

HSV Blend

#CD7E6B - #A73921 | 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 #CD7E6B as 0% and #A73921 as 100%.

0.0%	0.0% #CD7E6B	RGB 205 126 107	#CD7E6B
16.7%	16.7% #C6715C	RGB 198 113 92	#C6715C
33.3%	33.3% #C0644F	RGB 192 100 79	#C0644F
50.0%	50.0% #BA5942	RGB 186 89 66	#BA5942
66.7%	66.7% #B34D36	RGB 179 77 54	#B34D36
83.3%	83.3% #AD432B	RGB 173 67 43	#AD432B
100.0%	100.0% #A73921	RGB 167 57 33	#A73921

#CD7E6B #C6715C #C0644F #BA5942 #B34D36 #AD432B #A73921

#CD7E6B - #BA5942 - #A73921

CSS codes

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

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