#A2ACA7 - #B5FFCB | 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 #A2ACA7 to #B5FFCB

#A2ACA7 #B5FFCB

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

#A2ACA7 - #B5FFCB | 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 #A2ACA7 as 0% and #B5FFCB as 100%.

0.0%	0.0% #A2ACA7	RGB 162 172 167	#A2ACA7
16.7%	16.7% #A5B9AD	RGB 165 185 173	#A5B9AD
33.3%	33.3% #A8C7B3	RGB 168 199 179	#A8C7B3
50.0%	50.0% #ABD5B9	RGB 171 213 185	#ABD5B9
66.7%	66.7% #AEE3BF	RGB 174 227 191	#AEE3BF
83.3%	83.3% #B1F1C5	RGB 177 241 197	#B1F1C5
100.0%	100.0% #B5FFCB	RGB 181 255 203	#B5FFCB

#A2ACA7 #A5B9AD #A8C7B3 #ABD5B9 #AEE3BF #B1F1C5 #B5FFCB

#A2ACA7 - #B5FFCB

HSV Blend

#A2ACA7 - #B5FFCB | 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 #A2ACA7 as 0% and #B5FFCB as 100%.

0.0%	0.0% #A2ACA7	RGB 162 172 167	#A2ACA7
16.7%	16.7% #A7B9B0	RGB 167 185 176	#A7B9B0
33.3%	33.3% #ACC7B8	RGB 172 199 184	#ACC7B8
50.0%	50.0% #B0D5BF	RGB 176 213 191	#B0D5BF
66.7%	66.7% #B2E3C4	RGB 178 227 196	#B2E3C4
83.3%	83.3% #B4F1C8	RGB 180 241 200	#B4F1C8
100.0%	100.0% #B5FFCB	RGB 181 255 203	#B5FFCB

#A2ACA7 #A7B9B0 #ACC7B8 #B0D5BF #B2E3C4 #B4F1C8 #B5FFCB

#A2ACA7 - #B0D5BF - #B5FFCB

CSS codes

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

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