#BAA2A8 - #CCE3EB | 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 #BAA2A8 to #CCE3EB

#BAA2A8 #CCE3EB

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

#BAA2A8 - #CCE3EB | 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 #BAA2A8 as 0% and #CCE3EB as 100%.

0.0%	0.0% #BAA2A8	RGB 186 162 168	#BAA2A8
16.7%	16.7% #BDACB3	RGB 189 172 179	#BDACB3
33.3%	33.3% #C0B7BE	RGB 192 183 190	#C0B7BE
50.0%	50.0% #C3C2C9	RGB 195 194 201	#C3C2C9
66.7%	66.7% #C6CDD4	RGB 198 205 212	#C6CDD4
83.3%	83.3% #C9D8DF	RGB 201 216 223	#C9D8DF
100.0%	100.0% #CCE3EB	RGB 204 227 235	#CCE3EB

#BAA2A8 #BDACB3 #C0B7BE #C3C2C9 #C6CDD4 #C9D8DF #CCE3EB

#BAA2A8 - #CCE3EB

HSV Blend

#BAA2A8 - #CCE3EB | 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 #BAA2A8 as 0% and #CCE3EB as 100%.

0.0%	0.0% #BAA2A8	RGB 186 162 168	#BAA2A8
16.7%	16.7% #C2A9B9	RGB 194 169 185	#C2A9B9
33.3%	33.3% #C8B0CA	RGB 200 176 202	#C8B0CA
50.0%	50.0% #C4B7D2	RGB 196 183 210	#C4B7D2
66.7%	66.7% #C0BEDA	RGB 192 190 218	#C0BEDA
83.3%	83.3% #C5CEE2	RGB 197 206 226	#C5CEE2
100.0%	100.0% #CCE3EB	RGB 204 227 235	#CCE3EB

#BAA2A8 #C2A9B9 #C8B0CA #C4B7D2 #C0BEDA #C5CEE2 #CCE3EB

#BAA2A8 - #C4B7D2 - #CCE3EB

CSS codes

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

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