#BA9AE5 - #C5E2DF | 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 #BA9AE5 to #C5E2DF

#BA9AE5 #C5E2DF

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

#BA9AE5 - #C5E2DF | 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 #BA9AE5 as 0% and #C5E2DF as 100%.

0.0%	0.0% #BA9AE5	RGB 186 154 229	#BA9AE5
16.7%	16.7% #BBA6E4	RGB 187 166 228	#BBA6E4
33.3%	33.3% #BDB2E3	RGB 189 178 227	#BDB2E3
50.0%	50.0% #BFBEE2	RGB 191 190 226	#BFBEE2
66.7%	66.7% #C1CAE1	RGB 193 202 225	#C1CAE1
83.3%	83.3% #C3D6E0	RGB 195 214 224	#C3D6E0
100.0%	100.0% #C5E2DF	RGB 197 226 223	#C5E2DF

#BA9AE5 #BBA6E4 #BDB2E3 #BFBEE2 #C1CAE1 #C3D6E0 #C5E2DF

#BA9AE5 - #C5E2DF

HSV Blend

#BA9AE5 - #C5E2DF | 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 #BA9AE5 as 0% and #C5E2DF as 100%.

0.0%	0.0% #BA9AE5	RGB 186 154 229	#BA9AE5
16.7%	16.7% #ACA1E4	RGB 172 161 228	#ACA1E4
33.3%	33.3% #A8ADE4	RGB 168 173 228	#A8ADE4
50.0%	50.0% #AFC1E3	RGB 175 193 227	#AFC1E3
66.7%	66.7% #B6D1E3	RGB 182 209 227	#B6D1E3
83.3%	83.3% #BDDCE2	RGB 189 220 226	#BDDCE2
100.0%	100.0% #C5E2DF	RGB 197 226 223	#C5E2DF

#BA9AE5 #ACA1E4 #A8ADE4 #AFC1E3 #B6D1E3 #BDDCE2 #C5E2DF

#BA9AE5 - #AFC1E3 - #C5E2DF

CSS codes

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

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