#A2AFB0 - #B2DAAF | 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 #A2AFB0 to #B2DAAF

#A2AFB0 #B2DAAF

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

#A2AFB0 - #B2DAAF | 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 #A2AFB0 as 0% and #B2DAAF as 100%.

0.0%	0.0% #A2AFB0	RGB 162 175 176	#A2AFB0
16.7%	16.7% #A4B6AF	RGB 164 182 175	#A4B6AF
33.3%	33.3% #A7BDAF	RGB 167 189 175	#A7BDAF
50.0%	50.0% #AAC4AF	RGB 170 196 175	#AAC4AF
66.7%	66.7% #ACCBAF	RGB 172 203 175	#ACCBAF
83.3%	83.3% #AFD2AF	RGB 175 210 175	#AFD2AF
100.0%	100.0% #B2DAAF	RGB 178 218 175	#B2DAAF

#A2AFB0 #A4B6AF #A7BDAF #AAC4AF #ACCBAF #AFD2AF #B2DAAF

#A2AFB0 - #B2DAAF

HSV Blend

#A2AFB0 - #B2DAAF | 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 #A2AFB0 as 0% and #B2DAAF as 100%.

0.0%	0.0% #A2AFB0	RGB 162 175 176	#A2AFB0
16.7%	16.7% #A4B7B4	RGB 164 183 180	#A4B7B4
33.3%	33.3% #A7BEB7	RGB 167 190 183	#A7BEB7
50.0%	50.0% #A9C5B7	RGB 169 197 183	#A9C5B7
66.7%	66.7% #ABCCB5	RGB 171 204 181	#ABCCB5
83.3%	83.3% #ADD3B2	RGB 173 211 178	#ADD3B2
100.0%	100.0% #B2DAAF	RGB 178 218 175	#B2DAAF

#A2AFB0 #A4B7B4 #A7BEB7 #A9C5B7 #ABCCB5 #ADD3B2 #B2DAAF

#A2AFB0 - #A9C5B7 - #B2DAAF

CSS codes

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

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