#BAA8C5 - #B2D6F2 | 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 #BAA8C5 to #B2D6F2

#BAA8C5 #B2D6F2

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

#BAA8C5 - #B2D6F2 | 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 #BAA8C5 as 0% and #B2D6F2 as 100%.

0.0%	0.0% #BAA8C5	RGB 186 168 197	#BAA8C5
16.7%	16.7% #B8AFCC	RGB 184 175 204	#B8AFCC
33.3%	33.3% #B7B7D4	RGB 183 183 212	#B7B7D4
50.0%	50.0% #B6BFDB	RGB 182 191 219	#B6BFDB
66.7%	66.7% #B4C6E3	RGB 180 198 227	#B4C6E3
83.3%	83.3% #B3CEEA	RGB 179 206 234	#B3CEEA
100.0%	100.0% #B2D6F2	RGB 178 214 242	#B2D6F2

#BAA8C5 #B8AFCC #B7B7D4 #B6BFDB #B4C6E3 #B3CEEA #B2D6F2

#BAA8C5 - #B2D6F2

HSV Blend

#BAA8C5 - #B2D6F2 | 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 #BAA8C5 as 0% and #B2D6F2 as 100%.

0.0%	0.0% #BAA8C5	RGB 186 168 197	#BAA8C5
16.7%	16.7% #B8AACC	RGB 184 170 204	#B8AACC
33.3%	33.3% #B5ACD4	RGB 181 172 212	#B5ACD4
50.0%	50.0% #AFAEDB	RGB 175 174 219	#AFAEDB
66.7%	66.7% #AFB8E3	RGB 175 184 227	#AFB8E3
83.3%	83.3% #B1C6EA	RGB 177 198 234	#B1C6EA
100.0%	100.0% #B2D6F2	RGB 178 214 242	#B2D6F2

#BAA8C5 #B8AACC #B5ACD4 #AFAEDB #AFB8E3 #B1C6EA #B2D6F2

#BAA8C5 - #AFAEDB - #B2D6F2

CSS codes

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

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