#B403FF - #EAB7FF | 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 #B403FF to #EAB7FF

#B403FF #EAB7FF

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

#B403FF - #EAB7FF | 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 #B403FF as 0% and #EAB7FF as 100%.

0.0%	0.0% #B403FF	RGB 180 3 255	#B403FF
16.7%	16.7% #BD21FF	RGB 189 33 255	#BD21FF
33.3%	33.3% #C63FFF	RGB 198 63 255	#C63FFF
50.0%	50.0% #CF5DFF	RGB 207 93 255	#CF5DFF
66.7%	66.7% #D87BFF	RGB 216 123 255	#D87BFF
83.3%	83.3% #E199FF	RGB 225 153 255	#E199FF
100.0%	100.0% #EAB7FF	RGB 234 183 255	#EAB7FF

#B403FF #BD21FF #C63FFF #CF5DFF #D87BFF #E199FF #EAB7FF

#B403FF - #EAB7FF

HSV Blend

#B403FF - #EAB7FF | 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 #B403FF as 0% and #EAB7FF as 100%.

0.0%	0.0% #B302FF	RGB 179 2 255	#B302FF
16.7%	16.7% #BD20FF	RGB 189 32 255	#BD20FF
33.3%	33.3% #C63EFF	RGB 198 62 255	#C63EFF
50.0%	50.0% #CF5DFF	RGB 207 93 255	#CF5DFF
66.7%	66.7% #D87BFF	RGB 216 123 255	#D87BFF
83.3%	83.3% #E199FF	RGB 225 153 255	#E199FF
100.0%	100.0% #EAB7FF	RGB 234 183 255	#EAB7FF

#B302FF #BD20FF #C63EFF #CF5DFF #D87BFF #E199FF #EAB7FF

#B403FF - #CF5DFF - #EAB7FF

CSS codes

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

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