#A2B5A8 - #C5EDB6 | 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 #A2B5A8 to #C5EDB6

#A2B5A8 #C5EDB6

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

#A2B5A8 - #C5EDB6 | 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 #A2B5A8 as 0% and #C5EDB6 as 100%.

0.0%	0.0% #A2B5A8	RGB 162 181 168	#A2B5A8
16.7%	16.7% #A7BEAA	RGB 167 190 170	#A7BEAA
33.3%	33.3% #ADC7AC	RGB 173 199 172	#ADC7AC
50.0%	50.0% #B3D1AF	RGB 179 209 175	#B3D1AF
66.7%	66.7% #B9DAB1	RGB 185 218 177	#B9DAB1
83.3%	83.3% #BFE3B3	RGB 191 227 179	#BFE3B3
100.0%	100.0% #C5EDB6	RGB 197 237 182	#C5EDB6

#A2B5A8 #A7BEAA #ADC7AC #B3D1AF #B9DAB1 #BFE3B3 #C5EDB6

#A2B5A8 - #C5EDB6

HSV Blend

#A2B5A8 - #C5EDB6 | 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 #A2B5A8 as 0% and #C5EDB6 as 100%.

0.0%	0.0% #A2B5A8	RGB 162 181 168	#A2B5A8
16.7%	16.7% #A6BEAB	RGB 166 190 171	#A6BEAB
33.3%	33.3% #AAC7AD	RGB 170 199 173	#AAC7AD
50.0%	50.0% #ADD1AE	RGB 173 209 174	#ADD1AE
66.7%	66.7% #B4DAB0	RGB 180 218 176	#B4DAB0
83.3%	83.3% #BCE3B3	RGB 188 227 179	#BCE3B3
100.0%	100.0% #C5EDB6	RGB 197 237 182	#C5EDB6

#A2B5A8 #A6BEAB #AAC7AD #ADD1AE #B4DAB0 #BCE3B3 #C5EDB6

#A2B5A8 - #ADD1AE - #C5EDB6

CSS codes

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

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