#AD2BCD - #E7C2F0 | 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 #AD2BCD to #E7C2F0

#AD2BCD #E7C2F0

Calculate the color between two colors, #AD2BCD and #E7C2F0. 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)

#AD2BCD - #E7C2F0 | 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 #AD2BCD as 0% and #E7C2F0 as 100%.

0.0%	0.0% #AD2BCD	RGB 173 43 205	#AD2BCD
16.7%	16.7% #B644D2	RGB 182 68 210	#B644D2
33.3%	33.3% #C05DD8	RGB 192 93 216	#C05DD8
50.0%	50.0% #CA76DE	RGB 202 118 222	#CA76DE
66.7%	66.7% #D38FE4	RGB 211 143 228	#D38FE4
83.3%	83.3% #DDA8EA	RGB 221 168 234	#DDA8EA
100.0%	100.0% #E7C2F0	RGB 231 194 240	#E7C2F0

#AD2BCD #B644D2 #C05DD8 #CA76DE #D38FE4 #DDA8EA #E7C2F0

#AD2BCD - #E7C2F0

HSV Blend

#AD2BCD - #E7C2F0 | 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 #AD2BCD as 0% and #E7C2F0 as 100%.

0.0%	0.0% #AD2BCD	RGB 173 43 205	#AD2BCD
16.7%	16.7% #B641D2	RGB 182 65 210	#B641D2
33.3%	33.3% #BF58D8	RGB 191 88 216	#BF58D8
50.0%	50.0% #C971DE	RGB 201 113 222	#C971DE
66.7%	66.7% #D28BE4	RGB 210 139 228	#D28BE4
83.3%	83.3% #DCA5EA	RGB 220 165 234	#DCA5EA
100.0%	100.0% #E7C2F0	RGB 231 194 240	#E7C2F0

#AD2BCD #B641D2 #BF58D8 #C971DE #D28BE4 #DCA5EA #E7C2F0

#AD2BCD - #C971DE - #E7C2F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD2BCD 0%, #C971DE 50%, #E7C2F0 100%);
    background: -webkit-linear-gradient(top, #AD2BCD 0%, #C971DE 50%, #E7C2F0 100%);
    background: linear-gradient(to bottom, #AD2BCD 0%, #C971DE 50%, #E7C2F0 100%);
}
</style>