#B5A2D5 - #E9E4F3 | 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 #B5A2D5 to #E9E4F3

#B5A2D5 #E9E4F3

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

#B5A2D5 - #E9E4F3 | 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 #B5A2D5 as 0% and #E9E4F3 as 100%.

0.0%	0.0% #B5A2D5	RGB 181 162 213	#B5A2D5
16.7%	16.7% #BDADDA	RGB 189 173 218	#BDADDA
33.3%	33.3% #C6B8DF	RGB 198 184 223	#C6B8DF
50.0%	50.0% #CFC3E4	RGB 207 195 228	#CFC3E4
66.7%	66.7% #D7CEE9	RGB 215 206 233	#D7CEE9
83.3%	83.3% #E0D9EE	RGB 224 217 238	#E0D9EE
100.0%	100.0% #E9E4F3	RGB 233 228 243	#E9E4F3

#B5A2D5 #BDADDA #C6B8DF #CFC3E4 #D7CEE9 #E0D9EE #E9E4F3

#B5A2D5 - #E9E4F3

HSV Blend

#B5A2D5 - #E9E4F3 | 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 #B5A2D5 as 0% and #E9E4F3 as 100%.

0.0%	0.0% #B5A2D5	RGB 181 162 213	#B5A2D5
16.7%	16.7% #BDACDA	RGB 189 172 218	#BDACDA
33.3%	33.3% #C5B6DF	RGB 197 182 223	#C5B6DF
50.0%	50.0% #CDC1E4	RGB 205 193 228	#CDC1E4
66.7%	66.7% #D6CCE9	RGB 214 204 233	#D6CCE9
83.3%	83.3% #DFD8EE	RGB 223 216 238	#DFD8EE
100.0%	100.0% #E9E4F3	RGB 233 228 243	#E9E4F3

#B5A2D5 #BDACDA #C5B6DF #CDC1E4 #D6CCE9 #DFD8EE #E9E4F3

#B5A2D5 - #CDC1E4 - #E9E4F3

CSS codes

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

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