#EB82C8 - #AD2D8A | 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 #EB82C8 to #AD2D8A

#EB82C8 #AD2D8A

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

#EB82C8 - #AD2D8A | 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 #EB82C8 as 0% and #AD2D8A as 100%.

0.0%	0.0% #EB82C8	RGB 235 130 200	#EB82C8
16.7%	16.7% #E073BD	RGB 224 115 189	#E073BD
33.3%	33.3% #D665B3	RGB 214 101 179	#D665B3
50.0%	50.0% #CC57A9	RGB 204 87 169	#CC57A9
66.7%	66.7% #C1499E	RGB 193 73 158	#C1499E
83.3%	83.3% #B73B94	RGB 183 59 148	#B73B94
100.0%	100.0% #AD2D8A	RGB 173 45 138	#AD2D8A

#EB82C8 #E073BD #D665B3 #CC57A9 #C1499E #B73B94 #AD2D8A

#EB82C8 - #AD2D8A

HSV Blend

#EB82C8 - #AD2D8A | 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 #EB82C8 as 0% and #AD2D8A as 100%.

0.0%	0.0% #EB82C8	RGB 235 130 200	#EB82C8
16.7%	16.7% #E071BC	RGB 224 113 188	#E071BC
33.3%	33.3% #D661B1	RGB 214 97 177	#D661B1
50.0%	50.0% #CC52A7	RGB 204 82 167	#CC52A7
66.7%	66.7% #C1459D	RGB 193 69 157	#C1459D
83.3%	83.3% #B73893	RGB 183 56 147	#B73893
100.0%	100.0% #AD2D8A	RGB 173 45 138	#AD2D8A

#EB82C8 #E071BC #D661B1 #CC52A7 #C1459D #B73893 #AD2D8A

#EB82C8 - #CC52A7 - #AD2D8A

CSS codes

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

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