#E3C0D4 - #BC6D8F | 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 #E3C0D4 to #BC6D8F

#E3C0D4 #BC6D8F

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

#E3C0D4 - #BC6D8F | 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 #E3C0D4 as 0% and #BC6D8F as 100%.

0.0%	0.0% #E3C0D4	RGB 227 192 212	#E3C0D4
16.7%	16.7% #DCB2C8	RGB 220 178 200	#DCB2C8
33.3%	33.3% #D6A4BD	RGB 214 164 189	#D6A4BD
50.0%	50.0% #CF96B1	RGB 207 150 177	#CF96B1
66.7%	66.7% #C988A6	RGB 201 136 166	#C988A6
83.3%	83.3% #C27A9A	RGB 194 122 154	#C27A9A
100.0%	100.0% #BC6D8F	RGB 188 109 143	#BC6D8F

#E3C0D4 #DCB2C8 #D6A4BD #CF96B1 #C988A6 #C27A9A #BC6D8F

#E3C0D4 - #BC6D8F

HSV Blend

#E3C0D4 - #BC6D8F | 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 #E3C0D4 as 0% and #BC6D8F as 100%.

0.0%	0.0% #E3C0D4	RGB 227 192 212	#E3C0D4
16.7%	16.7% #DCB0C8	RGB 220 176 200	#DCB0C8
33.3%	33.3% #D6A2BD	RGB 214 162 189	#D6A2BD
50.0%	50.0% #CF93B1	RGB 207 147 177	#CF93B1
66.7%	66.7% #C986A6	RGB 201 134 166	#C986A6
83.3%	83.3% #C2799A	RGB 194 121 154	#C2799A
100.0%	100.0% #BC6D8F	RGB 188 109 143	#BC6D8F

#E3C0D4 #DCB0C8 #D6A2BD #CF93B1 #C986A6 #C2799A #BC6D8F

#E3C0D4 - #CF93B1 - #BC6D8F

CSS codes

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

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