#C27B6B - #9C3721 | 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 #C27B6B to #9C3721

#C27B6B #9C3721

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

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

0.0%	0.0% #C27B6B	RGB 194 123 107	#C27B6B
16.7%	16.7% #BB6F5E	RGB 187 111 94	#BB6F5E
33.3%	33.3% #B56452	RGB 181 100 82	#B56452
50.0%	50.0% #AF5946	RGB 175 89 70	#AF5946
66.7%	66.7% #A84D39	RGB 168 77 57	#A84D39
83.3%	83.3% #A2422D	RGB 162 66 45	#A2422D
100.0%	100.0% #9C3721	RGB 156 55 33	#9C3721

#C27B6B #BB6F5E #B56452 #AF5946 #A84D39 #A2422D #9C3721

#C27B6B - #9C3721

HSV Blend

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

0.0%	0.0% #C27B6B	RGB 194 123 107	#C27B6B
16.7%	16.7% #BB6E5C	RGB 187 110 92	#BB6E5C
33.3%	33.3% #B5624F	RGB 181 98 79	#B5624F
50.0%	50.0% #AF5642	RGB 175 86 66	#AF5642
66.7%	66.7% #A84B36	RGB 168 75 54	#A84B36
83.3%	83.3% #A2402B	RGB 162 64 43	#A2402B
100.0%	100.0% #9C3721	RGB 156 55 33	#9C3721

#C27B6B #BB6E5C #B5624F #AF5642 #A84B36 #A2402B #9C3721

#C27B6B - #AF5642 - #9C3721

CSS codes

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

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