#A8B7BD - #B6DDB7 | 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 #A8B7BD to #B6DDB7

#A8B7BD #B6DDB7

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

#A8B7BD - #B6DDB7 | 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 #A8B7BD as 0% and #B6DDB7 as 100%.

0.0%	0.0% #A8B7BD	RGB 168 183 189	#A8B7BD
16.7%	16.7% #AABDBC	RGB 170 189 188	#AABDBC
33.3%	33.3% #ACC3BB	RGB 172 195 187	#ACC3BB
50.0%	50.0% #AFCABA	RGB 175 202 186	#AFCABA
66.7%	66.7% #B1D0B9	RGB 177 208 185	#B1D0B9
83.3%	83.3% #B3D6B8	RGB 179 214 184	#B3D6B8
100.0%	100.0% #B6DDB7	RGB 182 221 183	#B6DDB7

#A8B7BD #AABDBC #ACC3BB #AFCABA #B1D0B9 #B3D6B8 #B6DDB7

#A8B7BD - #B6DDB7

HSV Blend

#A8B7BD - #B6DDB7 | 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 #A8B7BD as 0% and #B6DDB7 as 100%.

0.0%	0.0% #A8B7BD	RGB 168 183 189	#A8B7BD
16.7%	16.7% #AAC0C2	RGB 170 192 194	#AAC0C2
33.3%	33.3% #ADC7C4	RGB 173 199 196	#ADC7C4
50.0%	50.0% #AFCDC2	RGB 175 205 194	#AFCDC2
66.7%	66.7% #B1D2C0	RGB 177 210 192	#B1D2C0
83.3%	83.3% #B3D7BC	RGB 179 215 188	#B3D7BC
100.0%	100.0% #B6DDB7	RGB 182 221 183	#B6DDB7

#A8B7BD #AAC0C2 #ADC7C4 #AFCDC2 #B1D2C0 #B3D7BC #B6DDB7

#A8B7BD - #AFCDC2 - #B6DDB7

CSS codes

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

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