#BABADF - #CDDAFF | 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 #BABADF to #CDDAFF

#BABADF #CDDAFF

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

#BABADF - #CDDAFF | 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 #BABADF as 0% and #CDDAFF as 100%.

0.0%	0.0% #BABADF	RGB 186 186 223	#BABADF
16.7%	16.7% #BDBFE4	RGB 189 191 228	#BDBFE4
33.3%	33.3% #C0C4E9	RGB 192 196 233	#C0C4E9
50.0%	50.0% #C3CAEF	RGB 195 202 239	#C3CAEF
66.7%	66.7% #C6CFF4	RGB 198 207 244	#C6CFF4
83.3%	83.3% #C9D4F9	RGB 201 212 249	#C9D4F9
100.0%	100.0% #CDDAFF	RGB 205 218 255	#CDDAFF

#BABADF #BDBFE4 #C0C4E9 #C3CAEF #C6CFF4 #C9D4F9 #CDDAFF

#BABADF - #CDDAFF

HSV Blend

#BABADF - #CDDAFF | 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 #BABADF as 0% and #CDDAFF as 100%.

0.0%	0.0% #BABADF	RGB 186 186 223	#BABADF
16.7%	16.7% #BDBEE4	RGB 189 190 228	#BDBEE4
33.3%	33.3% #C0C4E9	RGB 192 196 233	#C0C4E9
50.0%	50.0% #C3C9EF	RGB 195 201 239	#C3C9EF
66.7%	66.7% #C6CEF4	RGB 198 206 244	#C6CEF4
83.3%	83.3% #C9D4F9	RGB 201 212 249	#C9D4F9
100.0%	100.0% #CDDAFF	RGB 205 218 255	#CDDAFF

#BABADF #BDBEE4 #C0C4E9 #C3C9EF #C6CEF4 #C9D4F9 #CDDAFF

#BABADF - #C3C9EF - #CDDAFF

CSS codes

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

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