#E6A8D4 - #BC3D8C | 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 #E6A8D4 to #BC3D8C

#E6A8D4 #BC3D8C

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

#E6A8D4 - #BC3D8C | 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 #E6A8D4 as 0% and #BC3D8C as 100%.

0.0%	0.0% #E6A8D4	RGB 230 168 212	#E6A8D4
16.7%	16.7% #DF96C8	RGB 223 150 200	#DF96C8
33.3%	33.3% #D884BC	RGB 216 132 188	#D884BC
50.0%	50.0% #D172B0	RGB 209 114 176	#D172B0
66.7%	66.7% #CA60A4	RGB 202 96 164	#CA60A4
83.3%	83.3% #C34E98	RGB 195 78 152	#C34E98
100.0%	100.0% #BC3D8C	RGB 188 61 140	#BC3D8C

#E6A8D4 #DF96C8 #D884BC #D172B0 #CA60A4 #C34E98 #BC3D8C

#E6A8D4 - #BC3D8C

HSV Blend

#E6A8D4 - #BC3D8C | 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 #E6A8D4 as 0% and #BC3D8C as 100%.

0.0%	0.0% #E6A8D4	RGB 230 168 212	#E6A8D4
16.7%	16.7% #DF93C8	RGB 223 147 200	#DF93C8
33.3%	33.3% #D880BC	RGB 216 128 188	#D880BC
50.0%	50.0% #D16EAF	RGB 209 110 175	#D16EAF
66.7%	66.7% #CA5CA3	RGB 202 92 163	#CA5CA3
83.3%	83.3% #C34C97	RGB 195 76 151	#C34C97
100.0%	100.0% #BC3D8C	RGB 188 61 140	#BC3D8C

#E6A8D4 #DF93C8 #D880BC #D16EAF #CA5CA3 #C34C97 #BC3D8C

#E6A8D4 - #D16EAF - #BC3D8C

CSS codes

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

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