#EAC5E6 - #C85FA5 | 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 #EAC5E6 to #C85FA5

#EAC5E6 #C85FA5

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

#EAC5E6 - #C85FA5 | 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 #EAC5E6 as 0% and #C85FA5 as 100%.

0.0%	0.0% #EAC5E6	RGB 234 197 230	#EAC5E6
16.7%	16.7% #E4B4DB	RGB 228 180 219	#E4B4DB
33.3%	33.3% #DEA3D0	RGB 222 163 208	#DEA3D0
50.0%	50.0% #D992C5	RGB 217 146 197	#D992C5
66.7%	66.7% #D381BA	RGB 211 129 186	#D381BA
83.3%	83.3% #CD70AF	RGB 205 112 175	#CD70AF
100.0%	100.0% #C85FA5	RGB 200 95 165	#C85FA5

#EAC5E6 #E4B4DB #DEA3D0 #D992C5 #D381BA #CD70AF #C85FA5

#EAC5E6 - #C85FA5

HSV Blend

#EAC5E6 - #C85FA5 | 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 #EAC5E6 as 0% and #C85FA5 as 100%.

0.0%	0.0% #EAC5E6	RGB 234 197 230	#EAC5E6
16.7%	16.7% #E4B2DD	RGB 228 178 221	#E4B2DD
33.3%	33.3% #DEA0D3	RGB 222 160 211	#DEA0D3
50.0%	50.0% #D98EC8	RGB 217 142 200	#D98EC8
66.7%	66.7% #D37EBD	RGB 211 126 189	#D37EBD
83.3%	83.3% #CD6EB1	RGB 205 110 177	#CD6EB1
100.0%	100.0% #C85FA5	RGB 200 95 165	#C85FA5

#EAC5E6 #E4B2DD #DEA0D3 #D98EC8 #D37EBD #CD6EB1 #C85FA5

#EAC5E6 - #D98EC8 - #C85FA5

CSS codes

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

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