#A675FF - #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 #A675FF to #5000C7

#A675FF #5000C7

Calculate the color between two colors, #A675FF 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)

#A675FF - #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 #A675FF as 0% and #5000C7 as 100%.

0.0%	0.0% #A675FF	RGB 166 117 255	#A675FF
16.7%	16.7% #9761F5	RGB 151 97 245	#9761F5
33.3%	33.3% #894EEC	RGB 137 78 236	#894EEC
50.0%	50.0% #7B3AE3	RGB 123 58 227	#7B3AE3
66.7%	66.7% #6C27D9	RGB 108 39 217	#6C27D9
83.3%	83.3% #5E13D0	RGB 94 19 208	#5E13D0
100.0%	100.0% #5000C7	RGB 80 0 199	#5000C7

#A675FF #9761F5 #894EEC #7B3AE3 #6C27D9 #5E13D0 #5000C7

#A675FF - #5000C7

HSV Blend

#A675FF - #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 #A675FF as 0% and #5000C7 as 100%.

0.0%	0.0% #A575FF	RGB 165 117 255	#A575FF
16.7%	16.7% #945DF5	RGB 148 93 245	#945DF5
33.3%	33.3% #8548EC	RGB 133 72 236	#8548EC
50.0%	50.0% #7634E3	RGB 118 52 227	#7634E3
66.7%	66.7% #6821D9	RGB 104 33 217	#6821D9
83.3%	83.3% #5B0FD0	RGB 91 15 208	#5B0FD0
100.0%	100.0% #5000C7	RGB 80 0 199	#5000C7

#A575FF #945DF5 #8548EC #7634E3 #6821D9 #5B0FD0 #5000C7

#A675FF - #7634E3 - #5000C7

CSS codes

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

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