#BA9DDA - #CECCDB | 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 #BA9DDA to #CECCDB

#BA9DDA #CECCDB

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

#BA9DDA - #CECCDB | 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 #BA9DDA as 0% and #CECCDB as 100%.

0.0%	0.0% #BA9DDA	RGB 186 157 218	#BA9DDA
16.7%	16.7% #BDA4DA	RGB 189 164 218	#BDA4DA
33.3%	33.3% #C0ACDA	RGB 192 172 218	#C0ACDA
50.0%	50.0% #C4B4DA	RGB 196 180 218	#C4B4DA
66.7%	66.7% #C7BCDA	RGB 199 188 218	#C7BCDA
83.3%	83.3% #CAC4DA	RGB 202 196 218	#CAC4DA
100.0%	100.0% #CECCDB	RGB 206 204 219	#CECCDB

#BA9DDA #BDA4DA #C0ACDA #C4B4DA #C7BCDA #CAC4DA #CECCDB

#BA9DDA - #CECCDB

HSV Blend

#BA9DDA - #CECCDB | 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 #BA9DDA as 0% and #CECCDB as 100%.

0.0%	0.0% #BA9DDA	RGB 186 157 218	#BA9DDA
16.7%	16.7% #BBA4DA	RGB 187 164 218	#BBA4DA
33.3%	33.3% #BDACDA	RGB 189 172 218	#BDACDA
50.0%	50.0% #C0B4DA	RGB 192 180 218	#C0B4DA
66.7%	66.7% #C3BCDA	RGB 195 188 218	#C3BCDA
83.3%	83.3% #C8C4DA	RGB 200 196 218	#C8C4DA
100.0%	100.0% #CECCDB	RGB 206 204 219	#CECCDB

#BA9DDA #BBA4DA #BDACDA #C0B4DA #C3BCDA #C8C4DA #CECCDB

#BA9DDA - #C0B4DA - #CECCDB

CSS codes

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

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