#ABAFBA - #B5DBC4 | 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 #ABAFBA to #B5DBC4

#ABAFBA #B5DBC4

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

#ABAFBA - #B5DBC4 | 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 #ABAFBA as 0% and #B5DBC4 as 100%.

0.0%	0.0% #ABAFBA	RGB 171 175 186	#ABAFBA
16.7%	16.7% #ACB6BB	RGB 172 182 187	#ACB6BB
33.3%	33.3% #AEBDBD	RGB 174 189 189	#AEBDBD
50.0%	50.0% #B0C5BF	RGB 176 197 191	#B0C5BF
66.7%	66.7% #B1CCC0	RGB 177 204 192	#B1CCC0
83.3%	83.3% #B3D3C2	RGB 179 211 194	#B3D3C2
100.0%	100.0% #B5DBC4	RGB 181 219 196	#B5DBC4

#ABAFBA #ACB6BB #AEBDBD #B0C5BF #B1CCC0 #B3D3C2 #B5DBC4

#ABAFBA - #B5DBC4

HSV Blend

#ABAFBA - #B5DBC4 | 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 #ABAFBA as 0% and #B5DBC4 as 100%.

0.0%	0.0% #ABAFBA	RGB 171 175 186	#ABAFBA
16.7%	16.7% #ADB6BF	RGB 173 182 191	#ADB6BF
33.3%	33.3% #AFBEC5	RGB 175 190 197	#AFBEC5
50.0%	50.0% #B0C8CA	RGB 176 200 202	#B0C8CA
66.7%	66.7% #B2D0CB	RGB 178 208 203	#B2D0CB
83.3%	83.3% #B3D5C8	RGB 179 213 200	#B3D5C8
100.0%	100.0% #B5DBC4	RGB 181 219 196	#B5DBC4

#ABAFBA #ADB6BF #AFBEC5 #B0C8CA #B2D0CB #B3D5C8 #B5DBC4

#ABAFBA - #B0C8CA - #B5DBC4

CSS codes

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

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