#ABB2FD - #C5DBF2 | 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 #ABB2FD to #C5DBF2

#ABB2FD #C5DBF2

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

#ABB2FD - #C5DBF2 | 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 #ABB2FD as 0% and #C5DBF2 as 100%.

0.0%	0.0% #ABB2FD	RGB 171 178 253	#ABB2FD
16.7%	16.7% #AFB8FB	RGB 175 184 251	#AFB8FB
33.3%	33.3% #B3BFF9	RGB 179 191 249	#B3BFF9
50.0%	50.0% #B8C6F7	RGB 184 198 247	#B8C6F7
66.7%	66.7% #BCCDF5	RGB 188 205 245	#BCCDF5
83.3%	83.3% #C0D4F3	RGB 192 212 243	#C0D4F3
100.0%	100.0% #C5DBF2	RGB 197 219 242	#C5DBF2

#ABB2FD #AFB8FB #B3BFF9 #B8C6F7 #BCCDF5 #C0D4F3 #C5DBF2

#ABB2FD - #C5DBF2

HSV Blend

#ABB2FD - #C5DBF2 | 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 #ABB2FD as 0% and #C5DBF2 as 100%.

0.0%	0.0% #ABB2FD	RGB 171 178 253	#ABB2FD
16.7%	16.7% #AFBBFB	RGB 175 187 251	#AFBBFB
33.3%	33.3% #B4C3F9	RGB 180 195 249	#B4C3F9
50.0%	50.0% #B8CAF7	RGB 184 202 247	#B8CAF7
66.7%	66.7% #BCD0F5	RGB 188 208 245	#BCD0F5
83.3%	83.3% #C0D6F3	RGB 192 214 243	#C0D6F3
100.0%	100.0% #C5DBF2	RGB 197 219 242	#C5DBF2

#ABB2FD #AFBBFB #B4C3F9 #B8CAF7 #BCD0F5 #C0D6F3 #C5DBF2

#ABB2FD - #B8CAF7 - #C5DBF2

CSS codes

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

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