#ABADAF - #C0DCFF | 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 #ABADAF to #C0DCFF

#ABADAF #C0DCFF

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

#ABADAF - #C0DCFF | 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 #ABADAF as 0% and #C0DCFF as 100%.

0.0%	0.0% #ABADAF	RGB 171 173 175	#ABADAF
16.7%	16.7% #AEB4BC	RGB 174 180 188	#AEB4BC
33.3%	33.3% #B2BCC9	RGB 178 188 201	#B2BCC9
50.0%	50.0% #B5C4D7	RGB 181 196 215	#B5C4D7
66.7%	66.7% #B9CCE4	RGB 185 204 228	#B9CCE4
83.3%	83.3% #BCD4F1	RGB 188 212 241	#BCD4F1
100.0%	100.0% #C0DCFF	RGB 192 220 255	#C0DCFF

#ABADAF #AEB4BC #B2BCC9 #B5C4D7 #B9CCE4 #BCD4F1 #C0DCFF

#ABADAF - #C0DCFF

HSV Blend

#ABADAF - #C0DCFF | 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 #ABADAF as 0% and #C0DCFF as 100%.

0.0%	0.0% #ABADAF	RGB 171 173 175	#ABADAF
16.7%	16.7% #B0B6BC	RGB 176 182 188	#B0B6BC
33.3%	33.3% #B5BFC9	RGB 181 191 201	#B5BFC9
50.0%	50.0% #B9C7D7	RGB 185 199 215	#B9C7D7
66.7%	66.7% #BCCFE4	RGB 188 207 228	#BCCFE4
83.3%	83.3% #BED5F1	RGB 190 213 241	#BED5F1
100.0%	100.0% #C0DCFF	RGB 192 220 255	#C0DCFF

#ABADAF #B0B6BC #B5BFC9 #B9C7D7 #BCCFE4 #BED5F1 #C0DCFF

#ABADAF - #B9C7D7 - #C0DCFF

CSS codes

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

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