#A0AEAC - #B5EAC3 | 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 #A0AEAC to #B5EAC3

#A0AEAC #B5EAC3

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

#A0AEAC - #B5EAC3 | 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 #A0AEAC as 0% and #B5EAC3 as 100%.

0.0%	0.0% #A0AEAC	RGB 160 174 172	#A0AEAC
16.7%	16.7% #A3B8AF	RGB 163 184 175	#A3B8AF
33.3%	33.3% #A7C2B3	RGB 167 194 179	#A7C2B3
50.0%	50.0% #AACCB7	RGB 170 204 183	#AACCB7
66.7%	66.7% #AED6BB	RGB 174 214 187	#AED6BB
83.3%	83.3% #B1E0BF	RGB 177 224 191	#B1E0BF
100.0%	100.0% #B5EAC3	RGB 181 234 195	#B5EAC3

#A0AEAC #A3B8AF #A7C2B3 #AACCB7 #AED6BB #B1E0BF #B5EAC3

#A0AEAC - #B5EAC3

HSV Blend

#A0AEAC - #B5EAC3 | 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 #A0AEAC as 0% and #B5EAC3 as 100%.

0.0%	0.0% #A0AEAC	RGB 160 174 172	#A0AEAC
16.7%	16.7% #A4B8B3	RGB 164 184 179	#A4B8B3
33.3%	33.3% #A8C2B9	RGB 168 194 185	#A8C2B9
50.0%	50.0% #ACCCBE	RGB 172 204 190	#ACCCBE
66.7%	66.7% #AFD6C1	RGB 175 214 193	#AFD6C1
83.3%	83.3% #B2E0C3	RGB 178 224 195	#B2E0C3
100.0%	100.0% #B5EAC3	RGB 181 234 195	#B5EAC3

#A0AEAC #A4B8B3 #A8C2B9 #ACCCBE #AFD6C1 #B2E0C3 #B5EAC3

#A0AEAC - #ACCCBE - #B5EAC3

CSS codes

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

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