#BCAFB9 - #E9C6EC | 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 #BCAFB9 to #E9C6EC

#BCAFB9 #E9C6EC

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

#BCAFB9 - #E9C6EC | 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 #BCAFB9 as 0% and #E9C6EC as 100%.

0.0%	0.0% #BCAFB9	RGB 188 175 185	#BCAFB9
16.7%	16.7% #C3B2C1	RGB 195 178 193	#C3B2C1
33.3%	33.3% #CBB6CA	RGB 203 182 202	#CBB6CA
50.0%	50.0% #D2BAD2	RGB 210 186 210	#D2BAD2
66.7%	66.7% #DABEDB	RGB 218 190 219	#DABEDB
83.3%	83.3% #E1C2E3	RGB 225 194 227	#E1C2E3
100.0%	100.0% #E9C6EC	RGB 233 198 236	#E9C6EC

#BCAFB9 #C3B2C1 #CBB6CA #D2BAD2 #DABEDB #E1C2E3 #E9C6EC

#BCAFB9 - #E9C6EC

HSV Blend

#BCAFB9 - #E9C6EC | 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 #BCAFB9 as 0% and #E9C6EC as 100%.

0.0%	0.0% #BCAFB9	RGB 188 175 185	#BCAFB9
16.7%	16.7% #C4B3C1	RGB 196 179 193	#C4B3C1
33.3%	33.3% #CCB7C9	RGB 204 183 201	#CCB7C9
50.0%	50.0% #D4BBD2	RGB 212 187 210	#D4BBD2
66.7%	66.7% #DCBFDB	RGB 220 191 219	#DCBFDB
83.3%	83.3% #E3C2E4	RGB 227 194 228	#E3C2E4
100.0%	100.0% #E9C6EC	RGB 233 198 236	#E9C6EC

#BCAFB9 #C4B3C1 #CCB7C9 #D4BBD2 #DCBFDB #E3C2E4 #E9C6EC

#BCAFB9 - #D4BBD2 - #E9C6EC

CSS codes

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

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