#E5ACD1 - #BF3A79 | 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 #E5ACD1 to #BF3A79

#E5ACD1 #BF3A79

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

#E5ACD1 - #BF3A79 | 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 #E5ACD1 as 0% and #BF3A79 as 100%.

0.0%	0.0% #E5ACD1	RGB 229 172 209	#E5ACD1
16.7%	16.7% #DE99C2	RGB 222 153 194	#DE99C2
33.3%	33.3% #D886B3	RGB 216 134 179	#D886B3
50.0%	50.0% #D273A5	RGB 210 115 165	#D273A5
66.7%	66.7% #CB6096	RGB 203 96 150	#CB6096
83.3%	83.3% #C54D87	RGB 197 77 135	#C54D87
100.0%	100.0% #BF3A79	RGB 191 58 121	#BF3A79

#E5ACD1 #DE99C2 #D886B3 #D273A5 #CB6096 #C54D87 #BF3A79

#E5ACD1 - #BF3A79

HSV Blend

#E5ACD1 - #BF3A79 | 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 #E5ACD1 as 0% and #BF3A79 as 100%.

0.0%	0.0% #E5ACD1	RGB 229 172 209	#E5ACD1
16.7%	16.7% #DE96C3	RGB 222 150 195	#DE96C3
33.3%	33.3% #D882B5	RGB 216 130 181	#D882B5
50.0%	50.0% #D26EA6	RGB 210 110 166	#D26EA6
66.7%	66.7% #CB5C97	RGB 203 92 151	#CB5C97
83.3%	83.3% #C54A88	RGB 197 74 136	#C54A88
100.0%	100.0% #BF3A79	RGB 191 58 121	#BF3A79

#E5ACD1 #DE96C3 #D882B5 #D26EA6 #CB5C97 #C54A88 #BF3A79

#E5ACD1 - #D26EA6 - #BF3A79

CSS codes

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

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