#B23CFF - #E5B2FF | 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 #B23CFF to #E5B2FF

#B23CFF #E5B2FF

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

#B23CFF - #E5B2FF | 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 #B23CFF as 0% and #E5B2FF as 100%.

0.0%	0.0% #B23CFF	RGB 178 60 255	#B23CFF
16.7%	16.7% #BA4FFF	RGB 186 79 255	#BA4FFF
33.3%	33.3% #C363FF	RGB 195 99 255	#C363FF
50.0%	50.0% #CB77FF	RGB 203 119 255	#CB77FF
66.7%	66.7% #D48AFF	RGB 212 138 255	#D48AFF
83.3%	83.3% #DC9EFF	RGB 220 158 255	#DC9EFF
100.0%	100.0% #E5B2FF	RGB 229 178 255	#E5B2FF

#B23CFF #BA4FFF #C363FF #CB77FF #D48AFF #DC9EFF #E5B2FF

#B23CFF - #E5B2FF

HSV Blend

#B23CFF - #E5B2FF | 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 #B23CFF as 0% and #E5B2FF as 100%.

0.0%	0.0% #B23BFF	RGB 178 59 255	#B23BFF
16.7%	16.7% #BB4FFF	RGB 187 79 255	#BB4FFF
33.3%	33.3% #C463FF	RGB 196 99 255	#C463FF
50.0%	50.0% #CD77FF	RGB 205 119 255	#CD77FF
66.7%	66.7% #D58AFF	RGB 213 138 255	#D58AFF
83.3%	83.3% #DD9EFF	RGB 221 158 255	#DD9EFF
100.0%	100.0% #E5B2FF	RGB 229 178 255	#E5B2FF

#B23BFF #BB4FFF #C463FF #CD77FF #D58AFF #DD9EFF #E5B2FF

#B23CFF - #CD77FF - #E5B2FF

CSS codes

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

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