#AC94D9 - #5E2D94 | 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 #AC94D9 to #5E2D94

#AC94D9 #5E2D94

Calculate the color between two colors, #AC94D9 and #5E2D94. 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)

#AC94D9 - #5E2D94 | 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 #AC94D9 as 0% and #5E2D94 as 100%.

0.0%	0.0% #AC94D9	RGB 172 148 217	#AC94D9
16.7%	16.7% #9F82CD	RGB 159 130 205	#9F82CD
33.3%	33.3% #9271C2	RGB 146 113 194	#9271C2
50.0%	50.0% #8560B6	RGB 133 96 182	#8560B6
66.7%	66.7% #784FAB	RGB 120 79 171	#784FAB
83.3%	83.3% #6B3E9F	RGB 107 62 159	#6B3E9F
100.0%	100.0% #5E2D94	RGB 94 45 148	#5E2D94

#AC94D9 #9F82CD #9271C2 #8560B6 #784FAB #6B3E9F #5E2D94

#AC94D9 - #5E2D94

HSV Blend

#AC94D9 - #5E2D94 | 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 #AC94D9 as 0% and #5E2D94 as 100%.

0.0%	0.0% #AC94D9	RGB 172 148 217	#AC94D9
16.7%	16.7% #9C7FCD	RGB 156 127 205	#9C7FCD
33.3%	33.3% #8D6BC2	RGB 141 107 194	#8D6BC2
50.0%	50.0% #8059B6	RGB 128 89 182	#8059B6
66.7%	66.7% #7349AB	RGB 115 73 171	#7349AB
83.3%	83.3% #683A9F	RGB 104 58 159	#683A9F
100.0%	100.0% #5E2D94	RGB 94 45 148	#5E2D94

#AC94D9 #9C7FCD #8D6BC2 #8059B6 #7349AB #683A9F #5E2D94

#AC94D9 - #8059B6 - #5E2D94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC94D9 0%, #8059B6 50%, #5E2D94 100%);
    background: -webkit-linear-gradient(top, #AC94D9 0%, #8059B6 50%, #5E2D94 100%);
    background: linear-gradient(to bottom, #AC94D9 0%, #8059B6 50%, #5E2D94 100%);
}
</style>