#6A8574 - #BCC38A | 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 #6A8574 to #BCC38A

#6A8574 #BCC38A

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

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

0.0%	0.0% #6A8574	RGB 106 133 116	#6A8574
16.7%	16.7% #778F77	RGB 119 143 119	#778F77
33.3%	33.3% #85997B	RGB 133 153 123	#85997B
50.0%	50.0% #93A47F	RGB 147 164 127	#93A47F
66.7%	66.7% #A0AE82	RGB 160 174 130	#A0AE82
83.3%	83.3% #AEB886	RGB 174 184 134	#AEB886
100.0%	100.0% #BCC38A	RGB 188 195 138	#BCC38A

#6A8574 #778F77 #85997B #93A47F #A0AE82 #AEB886 #BCC38A

#6A8574 - #BCC38A

HSV Blend

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

0.0%	0.0% #6A8574	RGB 106 133 116	#6A8574
16.7%	16.7% #708F75	RGB 112 143 117	#708F75
33.3%	33.3% #779975	RGB 119 153 117	#779975
50.0%	50.0% #85A47B	RGB 133 164 123	#85A47B
66.7%	66.7% #95AE80	RGB 149 174 128	#95AE80
83.3%	83.3% #A7B885	RGB 167 184 133	#A7B885
100.0%	100.0% #BCC38A	RGB 188 195 138	#BCC38A

#6A8574 #708F75 #779975 #85A47B #95AE80 #A7B885 #BCC38A

#6A8574 - #85A47B - #BCC38A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8574 0%, #85A47B 50%, #BCC38A 100%);
    background: -webkit-linear-gradient(top, #6A8574 0%, #85A47B 50%, #BCC38A 100%);
    background: linear-gradient(to bottom, #6A8574 0%, #85A47B 50%, #BCC38A 100%);
}
</style>