#AD74FF - #5400C8 | 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 #AD74FF to #5400C8

#AD74FF #5400C8

Calculate the color between two colors, #AD74FF and #5400C8. 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)

#AD74FF - #5400C8 | 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 #AD74FF as 0% and #5400C8 as 100%.

0.0%	0.0% #AD74FF	RGB 173 116 255	#AD74FF
16.7%	16.7% #9E60F5	RGB 158 96 245	#9E60F5
33.3%	33.3% #8F4DEC	RGB 143 77 236	#8F4DEC
50.0%	50.0% #803AE3	RGB 128 58 227	#803AE3
66.7%	66.7% #7126DA	RGB 113 38 218	#7126DA
83.3%	83.3% #6213D1	RGB 98 19 209	#6213D1
100.0%	100.0% #5400C8	RGB 84 0 200	#5400C8

#AD74FF #9E60F5 #8F4DEC #803AE3 #7126DA #6213D1 #5400C8

#AD74FF - #5400C8

HSV Blend

#AD74FF - #5400C8 | 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 #AD74FF as 0% and #5400C8 as 100%.

0.0%	0.0% #AD74FF	RGB 173 116 255	#AD74FF
16.7%	16.7% #9C5DF5	RGB 156 93 245	#9C5DF5
33.3%	33.3% #8B47EC	RGB 139 71 236	#8B47EC
50.0%	50.0% #7C33E3	RGB 124 51 227	#7C33E3
66.7%	66.7% #6E21DA	RGB 110 33 218	#6E21DA
83.3%	83.3% #600FD1	RGB 96 15 209	#600FD1
100.0%	100.0% #5400C8	RGB 84 0 200	#5400C8

#AD74FF #9C5DF5 #8B47EC #7C33E3 #6E21DA #600FD1 #5400C8

#AD74FF - #7C33E3 - #5400C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD74FF 0%, #7C33E3 50%, #5400C8 100%);
    background: -webkit-linear-gradient(top, #AD74FF 0%, #7C33E3 50%, #5400C8 100%);
    background: linear-gradient(to bottom, #AD74FF 0%, #7C33E3 50%, #5400C8 100%);
}
</style>