#ABAFB6 - #B5E7CB | 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 #ABAFB6 to #B5E7CB

#ABAFB6 #B5E7CB

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

#ABAFB6 - #B5E7CB | 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 #ABAFB6 as 0% and #B5E7CB as 100%.

0.0%	0.0% #ABAFB6	RGB 171 175 182	#ABAFB6
16.7%	16.7% #ACB8B9	RGB 172 184 185	#ACB8B9
33.3%	33.3% #AEC1BD	RGB 174 193 189	#AEC1BD
50.0%	50.0% #B0CBC0	RGB 176 203 192	#B0CBC0
66.7%	66.7% #B1D4C4	RGB 177 212 196	#B1D4C4
83.3%	83.3% #B3DDC7	RGB 179 221 199	#B3DDC7
100.0%	100.0% #B5E7CB	RGB 181 231 203	#B5E7CB

#ABAFB6 #ACB8B9 #AEC1BD #B0CBC0 #B1D4C4 #B3DDC7 #B5E7CB

#ABAFB6 - #B5E7CB

HSV Blend

#ABAFB6 - #B5E7CB | 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 #ABAFB6 as 0% and #B5E7CB as 100%.

0.0%	0.0% #ABAFB6	RGB 171 175 182	#ABAFB6
16.7%	16.7% #ADB6BE	RGB 173 182 190	#ADB6BE
33.3%	33.3% #B0C1C6	RGB 176 193 198	#B0C1C6
50.0%	50.0% #B1CDCE	RGB 177 205 206	#B1CDCE
66.7%	66.7% #B3D6D0	RGB 179 214 208	#B3D6D0
83.3%	83.3% #B4DECF	RGB 180 222 207	#B4DECF
100.0%	100.0% #B5E7CB	RGB 181 231 203	#B5E7CB

#ABAFB6 #ADB6BE #B0C1C6 #B1CDCE #B3D6D0 #B4DECF #B5E7CB

#ABAFB6 - #B1CDCE - #B5E7CB

CSS codes

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

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