#E48FCF - #A8338D | 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 #E48FCF to #A8338D

#E48FCF #A8338D

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

#E48FCF - #A8338D | 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 #E48FCF as 0% and #A8338D as 100%.

0.0%	0.0% #E48FCF	RGB 228 143 207	#E48FCF
16.7%	16.7% #DA7FC4	RGB 218 127 196	#DA7FC4
33.3%	33.3% #D070B9	RGB 208 112 185	#D070B9
50.0%	50.0% #C661AE	RGB 198 97 174	#C661AE
66.7%	66.7% #BC51A3	RGB 188 81 163	#BC51A3
83.3%	83.3% #B24298	RGB 178 66 152	#B24298
100.0%	100.0% #A8338D	RGB 168 51 141	#A8338D

#E48FCF #DA7FC4 #D070B9 #C661AE #BC51A3 #B24298 #A8338D

#E48FCF - #A8338D

HSV Blend

#E48FCF - #A8338D | 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 #E48FCF as 0% and #A8338D as 100%.

0.0%	0.0% #E48FCF	RGB 228 143 207	#E48FCF
16.7%	16.7% #DA7CC3	RGB 218 124 195	#DA7CC3
33.3%	33.3% #D06CB7	RGB 208 108 183	#D06CB7
50.0%	50.0% #C65CAC	RGB 198 92 172	#C65CAC
66.7%	66.7% #BC4DA1	RGB 188 77 161	#BC4DA1
83.3%	83.3% #B23F97	RGB 178 63 151	#B23F97
100.0%	100.0% #A8338D	RGB 168 51 141	#A8338D

#E48FCF #DA7CC3 #D06CB7 #C65CAC #BC4DA1 #B23F97 #A8338D

#E48FCF - #C65CAC - #A8338D

CSS codes

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

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