#A1BFB5 - #DBBAFF | 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 #A1BFB5 to #DBBAFF

#A1BFB5 #DBBAFF

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

#A1BFB5 - #DBBAFF | 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 #A1BFB5 as 0% and #DBBAFF as 100%.

0.0%	0.0% #A1BFB5	RGB 161 191 181	#A1BFB5
16.7%	16.7% #AABEC1	RGB 170 190 193	#AABEC1
33.3%	33.3% #B4BDCD	RGB 180 189 205	#B4BDCD
50.0%	50.0% #BEBCDA	RGB 190 188 218	#BEBCDA
66.7%	66.7% #C7BBE6	RGB 199 187 230	#C7BBE6
83.3%	83.3% #D1BAF2	RGB 209 186 242	#D1BAF2
100.0%	100.0% #DBBAFF	RGB 219 186 255	#DBBAFF

#A1BFB5 #AABEC1 #B4BDCD #BEBCDA #C7BBE6 #D1BAF2 #DBBAFF

#A1BFB5 - #DBBAFF

HSV Blend

#A1BFB5 - #DBBAFF | 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 #A1BFB5 as 0% and #DBBAFF as 100%.

0.0%	0.0% #A1BFB5	RGB 161 191 181	#A1BFB5
16.7%	16.7% #A6C9C8	RGB 166 201 200	#A6C9C8
33.3%	33.3% #AAC9D4	RGB 170 201 212	#AAC9D4
50.0%	50.0% #AFC3DF	RGB 175 195 223	#AFC3DF
66.7%	66.7% #B3BAE9	RGB 179 186 233	#B3BAE9
83.3%	83.3% #C1B6F4	RGB 193 182 244	#C1B6F4
100.0%	100.0% #DBBAFF	RGB 219 186 255	#DBBAFF

#A1BFB5 #A6C9C8 #AAC9D4 #AFC3DF #B3BAE9 #C1B6F4 #DBBAFF

#A1BFB5 - #AFC3DF - #DBBAFF

CSS codes

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

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