#B23EB2 - #E9C7E9 | 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 #B23EB2 to #E9C7E9

#B23EB2 #E9C7E9

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

#B23EB2 - #E9C7E9 | 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 #B23EB2 as 0% and #E9C7E9 as 100%.

0.0%	0.0% #B23EB2	RGB 178 62 178	#B23EB2
16.7%	16.7% #BB54BB	RGB 187 84 187	#BB54BB
33.3%	33.3% #C46BC4	RGB 196 107 196	#C46BC4
50.0%	50.0% #CD82CD	RGB 205 130 205	#CD82CD
66.7%	66.7% #D699D6	RGB 214 153 214	#D699D6
83.3%	83.3% #DFB0DF	RGB 223 176 223	#DFB0DF
100.0%	100.0% #E9C7E9	RGB 233 199 233	#E9C7E9

#B23EB2 #BB54BB #C46BC4 #CD82CD #D699D6 #DFB0DF #E9C7E9

#B23EB2 - #E9C7E9

HSV Blend

#B23EB2 - #E9C7E9 | 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 #B23EB2 as 0% and #E9C7E9 as 100%.

0.0%	0.0% #B13EB2	RGB 177 62 178	#B13EB2
16.7%	16.7% #BB50BB	RGB 187 80 187	#BB50BB
33.3%	33.3% #C465C4	RGB 196 101 196	#C465C4
50.0%	50.0% #CD7BCD	RGB 205 123 205	#CD7BCD
66.7%	66.7% #D693D6	RGB 214 147 214	#D693D6
83.3%	83.3% #DFACDF	RGB 223 172 223	#DFACDF
100.0%	100.0% #E9C7E9	RGB 233 199 233	#E9C7E9

#B13EB2 #BB50BB #C465C4 #CD7BCD #D693D6 #DFACDF #E9C7E9

#B23EB2 - #CD7BCD - #E9C7E9

CSS codes

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

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