#A1BBFF - #DFDFEB | 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 #A1BBFF to #DFDFEB

#A1BBFF #DFDFEB

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

#A1BBFF - #DFDFEB | 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 #A1BBFF as 0% and #DFDFEB as 100%.

0.0%	0.0% #A1BBFF	RGB 161 187 255	#A1BBFF
16.7%	16.7% #ABC1FB	RGB 171 193 251	#ABC1FB
33.3%	33.3% #B5C7F8	RGB 181 199 248	#B5C7F8
50.0%	50.0% #C0CDF5	RGB 192 205 245	#C0CDF5
66.7%	66.7% #CAD3F1	RGB 202 211 241	#CAD3F1
83.3%	83.3% #D4D9EE	RGB 212 217 238	#D4D9EE
100.0%	100.0% #DFDFEB	RGB 223 223 235	#DFDFEB

#A1BBFF #ABC1FB #B5C7F8 #C0CDF5 #CAD3F1 #D4D9EE #DFDFEB

#A1BBFF - #DFDFEB

HSV Blend

#A1BBFF - #DFDFEB | 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 #A1BBFF as 0% and #DFDFEB as 100%.

0.0%	0.0% #A1BBFF	RGB 161 187 255	#A1BBFF
16.7%	16.7% #ACBEFB	RGB 172 190 251	#ACBEFB
33.3%	33.3% #B7C3F8	RGB 183 195 248	#B7C3F8
50.0%	50.0% #C1C8F5	RGB 193 200 245	#C1C8F5
66.7%	66.7% #CBCFF1	RGB 203 207 241	#CBCFF1
83.3%	83.3% #D5D6EE	RGB 213 214 238	#D5D6EE
100.0%	100.0% #DFDFEB	RGB 223 223 235	#DFDFEB

#A1BBFF #ACBEFB #B7C3F8 #C1C8F5 #CBCFF1 #D5D6EE #DFDFEB

#A1BBFF - #C1C8F5 - #DFDFEB

CSS codes

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

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