#A4AB92 - #C0FFDA | 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 #A4AB92 to #C0FFDA

#A4AB92 #C0FFDA

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

#A4AB92 - #C0FFDA | 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 #A4AB92 as 0% and #C0FFDA as 100%.

0.0%	0.0% #A4AB92	RGB 164 171 146	#A4AB92
16.7%	16.7% #A8B99E	RGB 168 185 158	#A8B99E
33.3%	33.3% #ADC7AA	RGB 173 199 170	#ADC7AA
50.0%	50.0% #B2D5B6	RGB 178 213 182	#B2D5B6
66.7%	66.7% #B6E3C2	RGB 182 227 194	#B6E3C2
83.3%	83.3% #BBF1CE	RGB 187 241 206	#BBF1CE
100.0%	100.0% #C0FFDA	RGB 192 255 218	#C0FFDA

#A4AB92 #A8B99E #ADC7AA #B2D5B6 #B6E3C2 #BBF1CE #C0FFDA

#A4AB92 - #C0FFDA

HSV Blend

#A4AB92 - #C0FFDA | 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 #A4AB92 as 0% and #C0FFDA as 100%.

0.0%	0.0% #A4AB92	RGB 164 171 146	#A4AB92
16.7%	16.7% #AAB99A	RGB 170 185 154	#AAB99A
33.3%	33.3% #AFC7A3	RGB 175 199 163	#AFC7A3
50.0%	50.0% #B1D5AB	RGB 177 213 171	#B1D5AB
66.7%	66.7% #B2E3B4	RGB 178 227 180	#B2E3B4
83.3%	83.3% #B9F1C5	RGB 185 241 197	#B9F1C5
100.0%	100.0% #C0FFDA	RGB 192 255 218	#C0FFDA

#A4AB92 #AAB99A #AFC7A3 #B1D5AB #B2E3B4 #B9F1C5 #C0FFDA

#A4AB92 - #B1D5AB - #C0FFDA

CSS codes

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

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