#A49BBC - #B2DCD6 | 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 #A49BBC to #B2DCD6

#A49BBC #B2DCD6

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

#A49BBC - #B2DCD6 | 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 #A49BBC as 0% and #B2DCD6 as 100%.

0.0%	0.0% #A49BBC	RGB 164 155 188	#A49BBC
16.7%	16.7% #A6A5C0	RGB 166 165 192	#A6A5C0
33.3%	33.3% #A8B0C4	RGB 168 176 196	#A8B0C4
50.0%	50.0% #ABBBC9	RGB 171 187 201	#ABBBC9
66.7%	66.7% #ADC6CD	RGB 173 198 205	#ADC6CD
83.3%	83.3% #AFD1D1	RGB 175 209 209	#AFD1D1
100.0%	100.0% #B2DCD6	RGB 178 220 214	#B2DCD6

#A49BBC #A6A5C0 #A8B0C4 #ABBBC9 #ADC6CD #AFD1D1 #B2DCD6

#A49BBC - #B2DCD6

HSV Blend

#A49BBC - #B2DCD6 | 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 #A49BBC as 0% and #B2DCD6 as 100%.

0.0%	0.0% #A49BBC	RGB 164 155 188	#A49BBC
16.7%	16.7% #A09EC1	RGB 160 158 193	#A09EC1
33.3%	33.3% #A2A9C6	RGB 162 169 198	#A2A9C6
50.0%	50.0% #A6B6CC	RGB 166 182 204	#A6B6CC
66.7%	66.7% #AAC4D1	RGB 170 196 209	#AAC4D1
83.3%	83.3% #AED2D6	RGB 174 210 214	#AED2D6
100.0%	100.0% #B2DCD6	RGB 178 220 214	#B2DCD6

#A49BBC #A09EC1 #A2A9C6 #A6B6CC #AAC4D1 #AED2D6 #B2DCD6

#A49BBC - #A6B6CC - #B2DCD6

CSS codes

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

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