#EAB3E8 - #C641A8 | 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 #EAB3E8 to #C641A8

#EAB3E8 #C641A8

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

#EAB3E8 - #C641A8 | 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 #EAB3E8 as 0% and #C641A8 as 100%.

0.0%	0.0% #EAB3E8	RGB 234 179 232	#EAB3E8
16.7%	16.7% #E4A0DD	RGB 228 160 221	#E4A0DD
33.3%	33.3% #DE8DD2	RGB 222 141 210	#DE8DD2
50.0%	50.0% #D87AC8	RGB 216 122 200	#D87AC8
66.7%	66.7% #D267BD	RGB 210 103 189	#D267BD
83.3%	83.3% #CC54B2	RGB 204 84 178	#CC54B2
100.0%	100.0% #C641A8	RGB 198 65 168	#C641A8

#EAB3E8 #E4A0DD #DE8DD2 #D87AC8 #D267BD #CC54B2 #C641A8

#EAB3E8 - #C641A8

HSV Blend

#EAB3E8 - #C641A8 | 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 #EAB3E8 as 0% and #C641A8 as 100%.

0.0%	0.0% #EAB3E8	RGB 234 179 232	#EAB3E8
16.7%	16.7% #E49DDF	RGB 228 157 223	#E49DDF
33.3%	33.3% #DE89D5	RGB 222 137 213	#DE89D5
50.0%	50.0% #D876CB	RGB 216 118 203	#D876CB
66.7%	66.7% #D263C0	RGB 210 99 192	#D263C0
83.3%	83.3% #CC51B4	RGB 204 81 180	#CC51B4
100.0%	100.0% #C641A8	RGB 198 65 168	#C641A8

#EAB3E8 #E49DDF #DE89D5 #D876CB #D263C0 #CC51B4 #C641A8

#EAB3E8 - #D876CB - #C641A8

CSS codes

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

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