#BB9CD1 - #CDCBD4 | 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 #BB9CD1 to #CDCBD4

#BB9CD1 #CDCBD4

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

#BB9CD1 - #CDCBD4 | 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 #BB9CD1 as 0% and #CDCBD4 as 100%.

0.0%	0.0% #BB9CD1	RGB 187 156 209	#BB9CD1
16.7%	16.7% #BEA3D1	RGB 190 163 209	#BEA3D1
33.3%	33.3% #C1ABD2	RGB 193 171 210	#C1ABD2
50.0%	50.0% #C4B3D2	RGB 196 179 210	#C4B3D2
66.7%	66.7% #C7BBD3	RGB 199 187 211	#C7BBD3
83.3%	83.3% #CAC3D3	RGB 202 195 211	#CAC3D3
100.0%	100.0% #CDCBD4	RGB 205 203 212	#CDCBD4

#BB9CD1 #BEA3D1 #C1ABD2 #C4B3D2 #C7BBD3 #CAC3D3 #CDCBD4

#BB9CD1 - #CDCBD4

HSV Blend

#BB9CD1 - #CDCBD4 | 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 #BB9CD1 as 0% and #CDCBD4 as 100%.

0.0%	0.0% #BB9CD1	RGB 187 156 209	#BB9CD1
16.7%	16.7% #BBA3D1	RGB 187 163 209	#BBA3D1
33.3%	33.3% #BDABD2	RGB 189 171 210	#BDABD2
50.0%	50.0% #BFB3D2	RGB 191 179 210	#BFB3D2
66.7%	66.7% #C3BBD3	RGB 195 187 211	#C3BBD3
83.3%	83.3% #C7C3D3	RGB 199 195 211	#C7C3D3
100.0%	100.0% #CDCBD4	RGB 205 203 212	#CDCBD4

#BB9CD1 #BBA3D1 #BDABD2 #BFB3D2 #C3BBD3 #C7C3D3 #CDCBD4

#BB9CD1 - #BFB3D2 - #CDCBD4

CSS codes

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

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