#B05CFF - #4E00C7 | 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 #B05CFF to #4E00C7

#B05CFF #4E00C7

Calculate the color between two colors, #B05CFF and #4E00C7. 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)

#B05CFF - #4E00C7 | 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 #B05CFF as 0% and #4E00C7 as 100%.

0.0%	0.0% #B05CFF	RGB 176 92 255	#B05CFF
16.7%	16.7% #9F4CF5	RGB 159 76 245	#9F4CF5
33.3%	33.3% #8F3DEC	RGB 143 61 236	#8F3DEC
50.0%	50.0% #7F2EE3	RGB 127 46 227	#7F2EE3
66.7%	66.7% #6E1ED9	RGB 110 30 217	#6E1ED9
83.3%	83.3% #5E0FD0	RGB 94 15 208	#5E0FD0
100.0%	100.0% #4E00C7	RGB 78 0 199	#4E00C7

#B05CFF #9F4CF5 #8F3DEC #7F2EE3 #6E1ED9 #5E0FD0 #4E00C7

#B05CFF - #4E00C7

HSV Blend

#B05CFF - #4E00C7 | 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 #B05CFF as 0% and #4E00C7 as 100%.

0.0%	0.0% #B05BFF	RGB 176 91 255	#B05BFF
16.7%	16.7% #9E49F5	RGB 158 73 245	#9E49F5
33.3%	33.3% #8D38EC	RGB 141 56 236	#8D38EC
50.0%	50.0% #7D28E3	RGB 125 40 227	#7D28E3
66.7%	66.7% #6D1AD9	RGB 109 26 217	#6D1AD9
83.3%	83.3% #5D0CD0	RGB 93 12 208	#5D0CD0
100.0%	100.0% #4E00C7	RGB 78 0 199	#4E00C7

#B05BFF #9E49F5 #8D38EC #7D28E3 #6D1AD9 #5D0CD0 #4E00C7

#B05CFF - #7D28E3 - #4E00C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05BFF 0%, #7D28E3 50%, #4E00C7 100%);
    background: -webkit-linear-gradient(top, #B05BFF 0%, #7D28E3 50%, #4E00C7 100%);
    background: linear-gradient(to bottom, #B05BFF 0%, #7D28E3 50%, #4E00C7 100%);
}
</style>