#B25CFF - #5000C7 | 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 #5000C7

#B25CFF #5000C7

Calculate the color between two colors, #B25CFF and #5000C7. 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 - #5000C7 | 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 #5000C7 as 100%.

0.0%	0.0% #B25CFF	RGB 178 92 255	#B25CFF
16.7%	16.7% #A14CF5	RGB 161 76 245	#A14CF5
33.3%	33.3% #913DEC	RGB 145 61 236	#913DEC
50.0%	50.0% #812EE3	RGB 129 46 227	#812EE3
66.7%	66.7% #701ED9	RGB 112 30 217	#701ED9
83.3%	83.3% #600FD0	RGB 96 15 208	#600FD0
100.0%	100.0% #5000C7	RGB 80 0 199	#5000C7

#B25CFF #A14CF5 #913DEC #812EE3 #701ED9 #600FD0 #5000C7

#B25CFF - #5000C7

HSV Blend

#B25CFF - #5000C7 | 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 #5000C7 as 100%.

0.0%	0.0% #B25BFF	RGB 178 91 255	#B25BFF
16.7%	16.7% #A049F5	RGB 160 73 245	#A049F5
33.3%	33.3% #9038EC	RGB 144 56 236	#9038EC
50.0%	50.0% #7F28E3	RGB 127 40 227	#7F28E3
66.7%	66.7% #6F1AD9	RGB 111 26 217	#6F1AD9
83.3%	83.3% #5F0CD0	RGB 95 12 208	#5F0CD0
100.0%	100.0% #5000C7	RGB 80 0 199	#5000C7

#B25BFF #A049F5 #9038EC #7F28E3 #6F1AD9 #5F0CD0 #5000C7

#B25CFF - #7F28E3 - #5000C7

CSS codes

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

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