#B5AAE7 - #CAE3DF | 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 #B5AAE7 to #CAE3DF

#B5AAE7 #CAE3DF

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

#B5AAE7 - #CAE3DF | 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 #B5AAE7 as 0% and #CAE3DF as 100%.

0.0%	0.0% #B5AAE7	RGB 181 170 231	#B5AAE7
16.7%	16.7% #B8B3E5	RGB 184 179 229	#B8B3E5
33.3%	33.3% #BCBDE4	RGB 188 189 228	#BCBDE4
50.0%	50.0% #BFC6E3	RGB 191 198 227	#BFC6E3
66.7%	66.7% #C3D0E1	RGB 195 208 225	#C3D0E1
83.3%	83.3% #C6D9E0	RGB 198 217 224	#C6D9E0
100.0%	100.0% #CAE3DF	RGB 202 227 223	#CAE3DF

#B5AAE7 #B8B3E5 #BCBDE4 #BFC6E3 #C3D0E1 #C6D9E0 #CAE3DF

#B5AAE7 - #CAE3DF

HSV Blend

#B5AAE7 - #CAE3DF | 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 #B5AAE7 as 0% and #CAE3DF as 100%.

0.0%	0.0% #B5AAE7	RGB 181 170 231	#B5AAE7
16.7%	16.7% #AFB1E6	RGB 175 177 230	#AFB1E6
33.3%	33.3% #B4C1E5	RGB 180 193 229	#B4C1E5
50.0%	50.0% #BACFE5	RGB 186 207 229	#BACFE5
66.7%	66.7% #BFD9E4	RGB 191 217 228	#BFD9E4
83.3%	83.3% #C4E1E3	RGB 196 225 227	#C4E1E3
100.0%	100.0% #CAE3DF	RGB 202 227 223	#CAE3DF

#B5AAE7 #AFB1E6 #B4C1E5 #BACFE5 #BFD9E4 #C4E1E3 #CAE3DF

#B5AAE7 - #BACFE5 - #CAE3DF

CSS codes

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

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