#B5B2FC - #FFE8EE | 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 #B5B2FC to #FFE8EE

#B5B2FC #FFE8EE

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

#B5B2FC - #FFE8EE | 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 #B5B2FC as 0% and #FFE8EE as 100%.

0.0%	0.0% #B5B2FC	RGB 181 178 252	#B5B2FC
16.7%	16.7% #C1BBF9	RGB 193 187 249	#C1BBF9
33.3%	33.3% #CDC4F7	RGB 205 196 247	#CDC4F7
50.0%	50.0% #DACDF5	RGB 218 205 245	#DACDF5
66.7%	66.7% #E6D6F2	RGB 230 214 242	#E6D6F2
83.3%	83.3% #F2DFF0	RGB 242 223 240	#F2DFF0
100.0%	100.0% #FFE8EE	RGB 255 232 238	#FFE8EE

#B5B2FC #C1BBF9 #CDC4F7 #DACDF5 #E6D6F2 #F2DFF0 #FFE8EE

#B5B2FC - #FFE8EE

HSV Blend

#B5B2FC - #FFE8EE | 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 #B5B2FC as 0% and #FFE8EE as 100%.

0.0%	0.0% #B5B2FC	RGB 181 178 252	#B5B2FC
16.7%	16.7% #D0BAFC	RGB 208 186 252	#D0BAFC
33.3%	33.3% #E6C3FD	RGB 230 195 253	#E6C3FD
50.0%	50.0% #F8CCFD	RGB 248 204 253	#F8CCFD
66.7%	66.7% #FED5F7	RGB 254 213 247	#FED5F7
83.3%	83.3% #FEDEF0	RGB 254 222 240	#FEDEF0
100.0%	100.0% #FFE8EE	RGB 255 232 238	#FFE8EE

#B5B2FC #D0BAFC #E6C3FD #F8CCFD #FED5F7 #FEDEF0 #FFE8EE

#B5B2FC - #F8CCFD - #FFE8EE

CSS codes

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

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