#AD8CFF - #4F32C7 | 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 #AD8CFF to #4F32C7

#AD8CFF #4F32C7

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

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

0.0%	0.0% #AD8CFF	RGB 173 140 255	#AD8CFF
16.7%	16.7% #9D7DF5	RGB 157 125 245	#9D7DF5
33.3%	33.3% #8D6EEC	RGB 141 110 236	#8D6EEC
50.0%	50.0% #7E5FE3	RGB 126 95 227	#7E5FE3
66.7%	66.7% #6E50D9	RGB 110 80 217	#6E50D9
83.3%	83.3% #5E41D0	RGB 94 65 208	#5E41D0
100.0%	100.0% #4F32C7	RGB 79 50 199	#4F32C7

#AD8CFF #9D7DF5 #8D6EEC #7E5FE3 #6E50D9 #5E41D0 #4F32C7

#AD8CFF - #4F32C7

HSV Blend

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

0.0%	0.0% #AC8CFF	RGB 172 140 255	#AC8CFF
16.7%	16.7% #9C7AF5	RGB 156 122 245	#9C7AF5
33.3%	33.3% #8B6AEC	RGB 139 106 236	#8B6AEC
50.0%	50.0% #7B5AE3	RGB 123 90 227	#7B5AE3
66.7%	66.7% #6C4CD9	RGB 108 76 217	#6C4CD9
83.3%	83.3% #5D3ED0	RGB 93 62 208	#5D3ED0
100.0%	100.0% #4F32C7	RGB 79 50 199	#4F32C7

#AC8CFF #9C7AF5 #8B6AEC #7B5AE3 #6C4CD9 #5D3ED0 #4F32C7

#AD8CFF - #7B5AE3 - #4F32C7

CSS codes

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

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