#A6BA94 - #C0FFDC | 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 #A6BA94 to #C0FFDC

#A6BA94 #C0FFDC

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

#A6BA94 - #C0FFDC | 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 #A6BA94 as 0% and #C0FFDC as 100%.

0.0%	0.0% #A6BA94	RGB 166 186 148	#A6BA94
16.7%	16.7% #AAC5A0	RGB 170 197 160	#AAC5A0
33.3%	33.3% #AED1AC	RGB 174 209 172	#AED1AC
50.0%	50.0% #B3DCB8	RGB 179 220 184	#B3DCB8
66.7%	66.7% #B7E8C4	RGB 183 232 196	#B7E8C4
83.3%	83.3% #BBF3D0	RGB 187 243 208	#BBF3D0
100.0%	100.0% #C0FFDC	RGB 192 255 220	#C0FFDC

#A6BA94 #AAC5A0 #AED1AC #B3DCB8 #B7E8C4 #BBF3D0 #C0FFDC

#A6BA94 - #C0FFDC

HSV Blend

#A6BA94 - #C0FFDC | 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 #A6BA94 as 0% and #C0FFDC as 100%.

0.0%	0.0% #A6BA94	RGB 166 186 148	#A6BA94
16.7%	16.7% #A9C59B	RGB 169 197 155	#A9C59B
33.3%	33.3% #AAD1A3	RGB 170 209 163	#AAD1A3
50.0%	50.0% #ABDCAA	RGB 171 220 170	#ABDCAA
66.7%	66.7% #B1E8B9	RGB 177 232 185	#B1E8B9
83.3%	83.3% #B9F3CA	RGB 185 243 202	#B9F3CA
100.0%	100.0% #C0FFDC	RGB 192 255 220	#C0FFDC

#A6BA94 #A9C59B #AAD1A3 #ABDCAA #B1E8B9 #B9F3CA #C0FFDC

#A6BA94 - #ABDCAA - #C0FFDC

CSS codes

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

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