#BAACD4 - #C3C9F5 | 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 #BAACD4 to #C3C9F5

#BAACD4 #C3C9F5

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

#BAACD4 - #C3C9F5 | 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 #BAACD4 as 0% and #C3C9F5 as 100%.

0.0%	0.0% #BAACD4	RGB 186 172 212	#BAACD4
16.7%	16.7% #BBB0D9	RGB 187 176 217	#BBB0D9
33.3%	33.3% #BDB5DF	RGB 189 181 223	#BDB5DF
50.0%	50.0% #BEBAE4	RGB 190 186 228	#BEBAE4
66.7%	66.7% #C0BFEA	RGB 192 191 234	#C0BFEA
83.3%	83.3% #C1C4EF	RGB 193 196 239	#C1C4EF
100.0%	100.0% #C3C9F5	RGB 195 201 245	#C3C9F5

#BAACD4 #BBB0D9 #BDB5DF #BEBAE4 #C0BFEA #C1C4EF #C3C9F5

#BAACD4 - #C3C9F5

HSV Blend

#BAACD4 - #C3C9F5 | 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 #BAACD4 as 0% and #C3C9F5 as 100%.

0.0%	0.0% #BAACD4	RGB 186 172 212	#BAACD4
16.7%	16.7% #BBAFD9	RGB 187 175 217	#BBAFD9
33.3%	33.3% #BCB3DF	RGB 188 179 223	#BCB3DF
50.0%	50.0% #BCB7E4	RGB 188 183 228	#BCB7E4
66.7%	66.7% #BDBBEA	RGB 189 187 234	#BDBBEA
83.3%	83.3% #BFC1EF	RGB 191 193 239	#BFC1EF
100.0%	100.0% #C3C9F5	RGB 195 201 245	#C3C9F5

#BAACD4 #BBAFD9 #BCB3DF #BCB7E4 #BDBBEA #BFC1EF #C3C9F5

#BAACD4 - #BCB7E4 - #C3C9F5

CSS codes

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

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