#B23DA4 - #E9C7E5 | 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 #B23DA4 to #E9C7E5

#B23DA4 #E9C7E5

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

#B23DA4 - #E9C7E5 | 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 #B23DA4 as 0% and #E9C7E5 as 100%.

0.0%	0.0% #B23DA4	RGB 178 61 164	#B23DA4
16.7%	16.7% #BB54AE	RGB 187 84 174	#BB54AE
33.3%	33.3% #C46BB9	RGB 196 107 185	#C46BB9
50.0%	50.0% #CD82C4	RGB 205 130 196	#CD82C4
66.7%	66.7% #D699CF	RGB 214 153 207	#D699CF
83.3%	83.3% #DFB0DA	RGB 223 176 218	#DFB0DA
100.0%	100.0% #E9C7E5	RGB 233 199 229	#E9C7E5

#B23DA4 #BB54AE #C46BB9 #CD82C4 #D699CF #DFB0DA #E9C7E5

#B23DA4 - #E9C7E5

HSV Blend

#B23DA4 - #E9C7E5 | 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 #B23DA4 as 0% and #E9C7E5 as 100%.

0.0%	0.0% #B23DA3	RGB 178 61 163	#B23DA3
16.7%	16.7% #BB50AE	RGB 187 80 174	#BB50AE
33.3%	33.3% #C464B8	RGB 196 100 184	#C464B8
50.0%	50.0% #CD7AC3	RGB 205 122 195	#CD7AC3
66.7%	66.7% #D692CE	RGB 214 146 206	#D692CE
83.3%	83.3% #DFACD9	RGB 223 172 217	#DFACD9
100.0%	100.0% #E9C7E5	RGB 233 199 229	#E9C7E5

#B23DA3 #BB50AE #C464B8 #CD7AC3 #D692CE #DFACD9 #E9C7E5

#B23DA4 - #CD7AC3 - #E9C7E5

CSS codes

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

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