#B25CFF - #E7C6FF | 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 #B25CFF to #E7C6FF

#B25CFF #E7C6FF

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

#B25CFF - #E7C6FF | 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 #B25CFF as 0% and #E7C6FF as 100%.

0.0%	0.0% #B25CFF	RGB 178 92 255	#B25CFF
16.7%	16.7% #BA6DFF	RGB 186 109 255	#BA6DFF
33.3%	33.3% #C37FFF	RGB 195 127 255	#C37FFF
50.0%	50.0% #CC91FF	RGB 204 145 255	#CC91FF
66.7%	66.7% #D5A2FF	RGB 213 162 255	#D5A2FF
83.3%	83.3% #DEB4FF	RGB 222 180 255	#DEB4FF
100.0%	100.0% #E7C6FF	RGB 231 198 255	#E7C6FF

#B25CFF #BA6DFF #C37FFF #CC91FF #D5A2FF #DEB4FF #E7C6FF

#B25CFF - #E7C6FF

HSV Blend

#B25CFF - #E7C6FF | 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 #B25CFF as 0% and #E7C6FF as 100%.

0.0%	0.0% #B25BFF	RGB 178 91 255	#B25BFF
16.7%	16.7% #BB6DFF	RGB 187 109 255	#BB6DFF
33.3%	33.3% #C47FFF	RGB 196 127 255	#C47FFF
50.0%	50.0% #CD91FF	RGB 205 145 255	#CD91FF
66.7%	66.7% #D6A2FF	RGB 214 162 255	#D6A2FF
83.3%	83.3% #DEB4FF	RGB 222 180 255	#DEB4FF
100.0%	100.0% #E7C6FF	RGB 231 198 255	#E7C6FF

#B25BFF #BB6DFF #C47FFF #CD91FF #D6A2FF #DEB4FF #E7C6FF

#B25CFF - #CD91FF - #E7C6FF

CSS codes

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

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