#BA9CC1 - #CDD1C7 | 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 #BA9CC1 to #CDD1C7

#BA9CC1 #CDD1C7

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

#BA9CC1 - #CDD1C7 | 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 #BA9CC1 as 0% and #CDD1C7 as 100%.

0.0%	0.0% #BA9CC1	RGB 186 156 193	#BA9CC1
16.7%	16.7% #BDA4C2	RGB 189 164 194	#BDA4C2
33.3%	33.3% #C0ADC3	RGB 192 173 195	#C0ADC3
50.0%	50.0% #C3B6C4	RGB 195 182 196	#C3B6C4
66.7%	66.7% #C6BFC5	RGB 198 191 197	#C6BFC5
83.3%	83.3% #C9C8C6	RGB 201 200 198	#C9C8C6
100.0%	100.0% #CDD1C7	RGB 205 209 199	#CDD1C7

#BA9CC1 #BDA4C2 #C0ADC3 #C3B6C4 #C6BFC5 #C9C8C6 #CDD1C7

#BA9CC1 - #CDD1C7

HSV Blend

#BA9CC1 - #CDD1C7 | 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 #BA9CC1 as 0% and #CDD1C7 as 100%.

0.0%	0.0% #BA9CC1	RGB 186 156 193	#BA9CC1
16.7%	16.7% #C3A2BB	RGB 195 162 187	#C3A2BB
33.3%	33.3% #C6A9B3	RGB 198 169 179	#C6A9B3
50.0%	50.0% #C9B3B0	RGB 201 179 176	#C9B3B0
66.7%	66.7% #CBC2B8	RGB 203 194 184	#CBC2B8
83.3%	83.3% #CECDBF	RGB 206 205 191	#CECDBF
100.0%	100.0% #CDD1C7	RGB 205 209 199	#CDD1C7

#BA9CC1 #C3A2BB #C6A9B3 #C9B3B0 #CBC2B8 #CECDBF #CDD1C7

#BA9CC1 - #C9B3B0 - #CDD1C7

CSS codes

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

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