#A6AA94 - #D0FFB5 | 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 #A6AA94 to #D0FFB5

#A6AA94 #D0FFB5

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

#A6AA94 - #D0FFB5 | 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 #A6AA94 as 0% and #D0FFB5 as 100%.

0.0%	0.0% #A6AA94	RGB 166 170 148	#A6AA94
16.7%	16.7% #ADB899	RGB 173 184 153	#ADB899
33.3%	33.3% #B4C69F	RGB 180 198 159	#B4C69F
50.0%	50.0% #BBD4A4	RGB 187 212 164	#BBD4A4
66.7%	66.7% #C2E2AA	RGB 194 226 170	#C2E2AA
83.3%	83.3% #C9F0AF	RGB 201 240 175	#C9F0AF
100.0%	100.0% #D0FFB5	RGB 208 255 181	#D0FFB5

#A6AA94 #ADB899 #B4C69F #BBD4A4 #C2E2AA #C9F0AF #D0FFB5

#A6AA94 - #D0FFB5

HSV Blend

#A6AA94 - #D0FFB5 | 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 #A6AA94 as 0% and #D0FFB5 as 100%.

0.0%	0.0% #A6AA94	RGB 166 170 148	#A6AA94
16.7%	16.7% #B0B89B	RGB 176 184 155	#B0B89B
33.3%	33.3% #BAC6A2	RGB 186 198 162	#BAC6A2
50.0%	50.0% #C2D4A7	RGB 194 212 167	#C2D4A7
66.7%	66.7% #C8E2AD	RGB 200 226 173	#C8E2AD
83.3%	83.3% #CDF0B1	RGB 205 240 177	#CDF0B1
100.0%	100.0% #D0FFB5	RGB 208 255 181	#D0FFB5

#A6AA94 #B0B89B #BAC6A2 #C2D4A7 #C8E2AD #CDF0B1 #D0FFB5

#A6AA94 - #C2D4A7 - #D0FFB5

CSS codes

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

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