#6F532C - #CFBE3E | 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 #6F532C to #CFBE3E

#6F532C #CFBE3E

Calculate the color between two colors, #6F532C and #CFBE3E. 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)

#6F532C - #CFBE3E | 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 #6F532C as 0% and #CFBE3E as 100%.

0.0%	0.0% #6F532C	RGB 111 83 44	#6F532C
16.7%	16.7% #7F642F	RGB 127 100 47	#7F642F
33.3%	33.3% #8F7632	RGB 143 118 50	#8F7632
50.0%	50.0% #9F8835	RGB 159 136 53	#9F8835
66.7%	66.7% #AF9A38	RGB 175 154 56	#AF9A38
83.3%	83.3% #BFAC3B	RGB 191 172 59	#BFAC3B
100.0%	100.0% #CFBE3E	RGB 207 190 62	#CFBE3E

#6F532C #7F642F #8F7632 #9F8835 #AF9A38 #BFAC3B #CFBE3E

#6F532C - #CFBE3E

HSV Blend

#6F532C - #CFBE3E | 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 #6F532C as 0% and #CFBE3E as 100%.

0.0%	0.0% #6F532C	RGB 111 83 44	#6F532C
16.7%	16.7% #7F6230	RGB 127 98 48	#7F6230
33.3%	33.3% #8F7234	RGB 143 114 52	#8F7234
50.0%	50.0% #9F8337	RGB 159 131 55	#9F8337
66.7%	66.7% #AF953A	RGB 175 149 58	#AF953A
83.3%	83.3% #BFA93C	RGB 191 169 60	#BFA93C
100.0%	100.0% #CFBE3E	RGB 207 190 62	#CFBE3E

#6F532C #7F6230 #8F7234 #9F8337 #AF953A #BFA93C #CFBE3E

#6F532C - #9F8337 - #CFBE3E

CSS codes

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

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