#C6AB5A - #DDFF7E | 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 #C6AB5A to #DDFF7E

#C6AB5A #DDFF7E

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

#C6AB5A - #DDFF7E | 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 #C6AB5A as 0% and #DDFF7E as 100%.

0.0%	0.0% #C6AB5A	RGB 198 171 90	#C6AB5A
16.7%	16.7% #C9B960	RGB 201 185 96	#C9B960
33.3%	33.3% #CDC766	RGB 205 199 102	#CDC766
50.0%	50.0% #D1D56C	RGB 209 213 108	#D1D56C
66.7%	66.7% #D5E372	RGB 213 227 114	#D5E372
83.3%	83.3% #D9F178	RGB 217 241 120	#D9F178
100.0%	100.0% #DDFF7E	RGB 221 255 126	#DDFF7E

#C6AB5A #C9B960 #CDC766 #D1D56C #D5E372 #D9F178 #DDFF7E

#C6AB5A - #DDFF7E

HSV Blend

#C6AB5A - #DDFF7E | 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 #C6AB5A as 0% and #DDFF7E as 100%.

0.0%	0.0% #C6AB5A	RGB 198 171 90	#C6AB5A
16.7%	16.7% #CFBD5F	RGB 207 189 95	#CFBD5F
33.3%	33.3% #D9CF65	RGB 217 207 101	#D9CF65
50.0%	50.0% #E1E26B	RGB 225 226 107	#E1E26B
66.7%	66.7% #E0EC71	RGB 224 236 113	#E0EC71
83.3%	83.3% #DFF577	RGB 223 245 119	#DFF577
100.0%	100.0% #DDFF7E	RGB 221 255 126	#DDFF7E

#C6AB5A #CFBD5F #D9CF65 #E1E26B #E0EC71 #DFF577 #DDFF7E

#C6AB5A - #E1E26B - #DDFF7E

CSS codes

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

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