#B6A36B - #DCF9C2 | 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 #B6A36B to #DCF9C2

#B6A36B #DCF9C2

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

#B6A36B - #DCF9C2 | 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 #B6A36B as 0% and #DCF9C2 as 100%.

0.0%	0.0% #B6A36B	RGB 182 163 107	#B6A36B
16.7%	16.7% #BCB179	RGB 188 177 121	#BCB179
33.3%	33.3% #C2BF88	RGB 194 191 136	#C2BF88
50.0%	50.0% #C9CE96	RGB 201 206 150	#C9CE96
66.7%	66.7% #CFDCA5	RGB 207 220 165	#CFDCA5
83.3%	83.3% #D5EAB3	RGB 213 234 179	#D5EAB3
100.0%	100.0% #DCF9C2	RGB 220 249 194	#DCF9C2

#B6A36B #BCB179 #C2BF88 #C9CE96 #CFDCA5 #D5EAB3 #DCF9C2

#B6A36B - #DCF9C2

HSV Blend

#B6A36B - #DCF9C2 | 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 #B6A36B as 0% and #DCF9C2 as 100%.

0.0%	0.0% #B6A36B	RGB 182 163 107	#B6A36B
16.7%	16.7% #C1B877	RGB 193 184 119	#C1B877
33.3%	33.3% #CBCC85	RGB 203 204 133	#CBCC85
50.0%	50.0% #CED793	RGB 206 215 147	#CED793
66.7%	66.7% #D1E2A2	RGB 209 226 162	#D1E2A2
83.3%	83.3% #D5EDB1	RGB 213 237 177	#D5EDB1
100.0%	100.0% #DCF9C2	RGB 220 249 194	#DCF9C2

#B6A36B #C1B877 #CBCC85 #CED793 #D1E2A2 #D5EDB1 #DCF9C2

#B6A36B - #CED793 - #DCF9C2

CSS codes

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

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