#A2B7B5 - #B4FFE6 | 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 #A2B7B5 to #B4FFE6

#A2B7B5 #B4FFE6

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

#A2B7B5 - #B4FFE6 | 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 #A2B7B5 as 0% and #B4FFE6 as 100%.

0.0%	0.0% #A2B7B5	RGB 162 183 181	#A2B7B5
16.7%	16.7% #A5C3BD	RGB 165 195 189	#A5C3BD
33.3%	33.3% #A8CFC5	RGB 168 207 197	#A8CFC5
50.0%	50.0% #ABDBCD	RGB 171 219 205	#ABDBCD
66.7%	66.7% #AEE7D5	RGB 174 231 213	#AEE7D5
83.3%	83.3% #B1F3DD	RGB 177 243 221	#B1F3DD
100.0%	100.0% #B4FFE6	RGB 180 255 230	#B4FFE6

#A2B7B5 #A5C3BD #A8CFC5 #ABDBCD #AEE7D5 #B1F3DD #B4FFE6

#A2B7B5 - #B4FFE6

HSV Blend

#A2B7B5 - #B4FFE6 | 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 #A2B7B5 as 0% and #B4FFE6 as 100%.

0.0%	0.0% #A2B7B5	RGB 162 183 181	#A2B7B5
16.7%	16.7% #A6C3BF	RGB 166 195 191	#A6C3BF
33.3%	33.3% #AACFC8	RGB 170 207 200	#AACFC8
50.0%	50.0% #AEDBD1	RGB 174 219 209	#AEDBD1
66.7%	66.7% #B0E7D9	RGB 176 231 217	#B0E7D9
83.3%	83.3% #B2F3E0	RGB 178 243 224	#B2F3E0
100.0%	100.0% #B4FFE6	RGB 180 255 230	#B4FFE6

#A2B7B5 #A6C3BF #AACFC8 #AEDBD1 #B0E7D9 #B2F3E0 #B4FFE6

#A2B7B5 - #AEDBD1 - #B4FFE6

CSS codes

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

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