#E6B5D2 - #BC528A | 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 #E6B5D2 to #BC528A

#E6B5D2 #BC528A

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

#E6B5D2 - #BC528A | 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 #E6B5D2 as 0% and #BC528A as 100%.

0.0%	0.0% #E6B5D2	RGB 230 181 210	#E6B5D2
16.7%	16.7% #DFA4C6	RGB 223 164 198	#DFA4C6
33.3%	33.3% #D894BA	RGB 216 148 186	#D894BA
50.0%	50.0% #D183AE	RGB 209 131 174	#D183AE
66.7%	66.7% #CA73A2	RGB 202 115 162	#CA73A2
83.3%	83.3% #C36296	RGB 195 98 150	#C36296
100.0%	100.0% #BC528A	RGB 188 82 138	#BC528A

#E6B5D2 #DFA4C6 #D894BA #D183AE #CA73A2 #C36296 #BC528A

#E6B5D2 - #BC528A

HSV Blend

#E6B5D2 - #BC528A | 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 #E6B5D2 as 0% and #BC528A as 100%.

0.0%	0.0% #E6B5D2	RGB 230 181 210	#E6B5D2
16.7%	16.7% #DFA2C5	RGB 223 162 197	#DFA2C5
33.3%	33.3% #D890B9	RGB 216 144 185	#D890B9
50.0%	50.0% #D17FAD	RGB 209 127 173	#D17FAD
66.7%	66.7% #CA6FA1	RGB 202 111 161	#CA6FA1
83.3%	83.3% #C36095	RGB 195 96 149	#C36095
100.0%	100.0% #BC528A	RGB 188 82 138	#BC528A

#E6B5D2 #DFA2C5 #D890B9 #D17FAD #CA6FA1 #C36095 #BC528A

#E6B5D2 - #D17FAD - #BC528A

CSS codes

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

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