#ADA8F2 - #5046C0 | 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 #ADA8F2 to #5046C0

#ADA8F2 #5046C0

Calculate the color between two colors, #ADA8F2 and #5046C0. 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)

#ADA8F2 - #5046C0 | 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 #ADA8F2 as 0% and #5046C0 as 100%.

0.0%	0.0% #ADA8F2	RGB 173 168 242	#ADA8F2
16.7%	16.7% #9D97E9	RGB 157 151 233	#9D97E9
33.3%	33.3% #8E87E1	RGB 142 135 225	#8E87E1
50.0%	50.0% #7E77D9	RGB 126 119 217	#7E77D9
66.7%	66.7% #6F66D0	RGB 111 102 208	#6F66D0
83.3%	83.3% #5F56C8	RGB 95 86 200	#5F56C8
100.0%	100.0% #5046C0	RGB 80 70 192	#5046C0

#ADA8F2 #9D97E9 #8E87E1 #7E77D9 #6F66D0 #5F56C8 #5046C0

#ADA8F2 - #5046C0

HSV Blend

#ADA8F2 - #5046C0 | 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 #ADA8F2 as 0% and #5046C0 as 100%.

0.0%	0.0% #ADA8F2	RGB 173 168 242	#ADA8F2
16.7%	16.7% #9B95E9	RGB 155 149 233	#9B95E9
33.3%	33.3% #8A83E1	RGB 138 131 225	#8A83E1
50.0%	50.0% #7A72D9	RGB 122 114 217	#7A72D9
66.7%	66.7% #6B63D0	RGB 107 99 208	#6B63D0
83.3%	83.3% #5D54C8	RGB 93 84 200	#5D54C8
100.0%	100.0% #5046C0	RGB 80 70 192	#5046C0

#ADA8F2 #9B95E9 #8A83E1 #7A72D9 #6B63D0 #5D54C8 #5046C0

#ADA8F2 - #7A72D9 - #5046C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADA8F2 0%, #7A72D9 50%, #5046C0 100%);
    background: -webkit-linear-gradient(top, #ADA8F2 0%, #7A72D9 50%, #5046C0 100%);
    background: linear-gradient(to bottom, #ADA8F2 0%, #7A72D9 50%, #5046C0 100%);
}
</style>