#A19FAC - #B9C2EB | 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 #A19FAC to #B9C2EB

#A19FAC #B9C2EB

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

#A19FAC - #B9C2EB | 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 #A19FAC as 0% and #B9C2EB as 100%.

0.0%	0.0% #A19FAC	RGB 161 159 172	#A19FAC
16.7%	16.7% #A5A4B6	RGB 165 164 182	#A5A4B6
33.3%	33.3% #A9AAC1	RGB 169 170 193	#A9AAC1
50.0%	50.0% #ADB0CB	RGB 173 176 203	#ADB0CB
66.7%	66.7% #B1B6D6	RGB 177 182 214	#B1B6D6
83.3%	83.3% #B5BCE0	RGB 181 188 224	#B5BCE0
100.0%	100.0% #B9C2EB	RGB 185 194 235	#B9C2EB

#A19FAC #A5A4B6 #A9AAC1 #ADB0CB #B1B6D6 #B5BCE0 #B9C2EB

#A19FAC - #B9C2EB

HSV Blend

#A19FAC - #B9C2EB | 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 #A19FAC as 0% and #B9C2EB as 100%.

0.0%	0.0% #A19FAC	RGB 161 159 172	#A19FAC
16.7%	16.7% #A6A4B6	RGB 166 164 182	#A6A4B6
33.3%	33.3% #AAA9C1	RGB 170 169 193	#AAA9C1
50.0%	50.0% #AEAECB	RGB 174 174 203	#AEAECB
66.7%	66.7% #B2B4D6	RGB 178 180 214	#B2B4D6
83.3%	83.3% #B5BBE0	RGB 181 187 224	#B5BBE0
100.0%	100.0% #B9C2EB	RGB 185 194 235	#B9C2EB

#A19FAC #A6A4B6 #AAA9C1 #AEAECB #B2B4D6 #B5BBE0 #B9C2EB

#A19FAC - #AEAECB - #B9C2EB

CSS codes

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

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