#A6BFB2 - #D1DFB5 | 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 #A6BFB2 to #D1DFB5

#A6BFB2 #D1DFB5

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

#A6BFB2 - #D1DFB5 | 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 #A6BFB2 as 0% and #D1DFB5 as 100%.

0.0%	0.0% #A6BFB2	RGB 166 191 178	#A6BFB2
16.7%	16.7% #ADC4B2	RGB 173 196 178	#ADC4B2
33.3%	33.3% #B4C9B3	RGB 180 201 179	#B4C9B3
50.0%	50.0% #BBCFB3	RGB 187 207 179	#BBCFB3
66.7%	66.7% #C2D4B4	RGB 194 212 180	#C2D4B4
83.3%	83.3% #C9D9B4	RGB 201 217 180	#C9D9B4
100.0%	100.0% #D1DFB5	RGB 209 223 181	#D1DFB5

#A6BFB2 #ADC4B2 #B4C9B3 #BBCFB3 #C2D4B4 #C9D9B4 #D1DFB5

#A6BFB2 - #D1DFB5

HSV Blend

#A6BFB2 - #D1DFB5 | 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 #A6BFB2 as 0% and #D1DFB5 as 100%.

0.0%	0.0% #A6BFB2	RGB 166 191 178	#A6BFB2
16.7%	16.7% #A8C4B0	RGB 168 196 176	#A8C4B0
33.3%	33.3% #ABC9AE	RGB 171 201 174	#ABC9AE
50.0%	50.0% #B1CFAD	RGB 177 207 173	#B1CFAD
66.7%	66.7% #BAD4B0	RGB 186 212 176	#BAD4B0
83.3%	83.3% #C5D9B2	RGB 197 217 178	#C5D9B2
100.0%	100.0% #D1DFB5	RGB 209 223 181	#D1DFB5

#A6BFB2 #A8C4B0 #ABC9AE #B1CFAD #BAD4B0 #C5D9B2 #D1DFB5

#A6BFB2 - #B1CFAD - #D1DFB5

CSS codes

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

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