#71331C - #CF7134 | 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 #71331C to #CF7134

#71331C #CF7134

Calculate the color between two colors, #71331C and #CF7134. 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)

#71331C - #CF7134 | 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 #71331C as 0% and #CF7134 as 100%.

0.0%	0.0% #71331C	RGB 113 51 28	#71331C
16.7%	16.7% #803D20	RGB 128 61 32	#803D20
33.3%	33.3% #904724	RGB 144 71 36	#904724
50.0%	50.0% #A05228	RGB 160 82 40	#A05228
66.7%	66.7% #AF5C2C	RGB 175 92 44	#AF5C2C
83.3%	83.3% #BF6630	RGB 191 102 48	#BF6630
100.0%	100.0% #CF7134	RGB 207 113 52	#CF7134

#71331C #803D20 #904724 #A05228 #AF5C2C #BF6630 #CF7134

#71331C - #CF7134

HSV Blend

#71331C - #CF7134 | 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 #71331C as 0% and #CF7134 as 100%.

0.0%	0.0% #71331C	RGB 113 51 28	#71331C
16.7%	16.7% #803C1F	RGB 128 60 31	#803C1F
33.3%	33.3% #904523	RGB 144 69 35	#904523
50.0%	50.0% #A04F27	RGB 160 79 39	#A04F27
66.7%	66.7% #AF5A2B	RGB 175 90 43	#AF5A2B
83.3%	83.3% #BF652F	RGB 191 101 47	#BF652F
100.0%	100.0% #CF7134	RGB 207 113 52	#CF7134

#71331C #803C1F #904523 #A04F27 #AF5A2B #BF652F #CF7134

#71331C - #A04F27 - #CF7134

CSS codes

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

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