#EAB9E4 - #C64DA2 | 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 #EAB9E4 to #C64DA2

#EAB9E4 #C64DA2

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

#EAB9E4 - #C64DA2 | 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 #EAB9E4 as 0% and #C64DA2 as 100%.

0.0%	0.0% #EAB9E4	RGB 234 185 228	#EAB9E4
16.7%	16.7% #E4A7D9	RGB 228 167 217	#E4A7D9
33.3%	33.3% #DE95CE	RGB 222 149 206	#DE95CE
50.0%	50.0% #D883C3	RGB 216 131 195	#D883C3
66.7%	66.7% #D271B8	RGB 210 113 184	#D271B8
83.3%	83.3% #CC5FAD	RGB 204 95 173	#CC5FAD
100.0%	100.0% #C64DA2	RGB 198 77 162	#C64DA2

#EAB9E4 #E4A7D9 #DE95CE #D883C3 #D271B8 #CC5FAD #C64DA2

#EAB9E4 - #C64DA2

HSV Blend

#EAB9E4 - #C64DA2 | 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 #EAB9E4 as 0% and #C64DA2 as 100%.

0.0%	0.0% #EAB9E4	RGB 234 185 228	#EAB9E4
16.7%	16.7% #E4A4DA	RGB 228 164 218	#E4A4DA
33.3%	33.3% #DE91D0	RGB 222 145 208	#DE91D0
50.0%	50.0% #D87FC5	RGB 216 127 197	#D87FC5
66.7%	66.7% #D26DBA	RGB 210 109 186	#D26DBA
83.3%	83.3% #CC5CAE	RGB 204 92 174	#CC5CAE
100.0%	100.0% #C64DA2	RGB 198 77 162	#C64DA2

#EAB9E4 #E4A4DA #DE91D0 #D87FC5 #D26DBA #CC5CAE #C64DA2

#EAB9E4 - #D87FC5 - #C64DA2

CSS codes

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

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