#E4C0EC - #B46BCE | 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 #E4C0EC to #B46BCE

#E4C0EC #B46BCE

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

#E4C0EC - #B46BCE | 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 #E4C0EC as 0% and #B46BCE as 100%.

0.0%	0.0% #E4C0EC	RGB 228 192 236	#E4C0EC
16.7%	16.7% #DCB1E7	RGB 220 177 231	#DCB1E7
33.3%	33.3% #D4A3E2	RGB 212 163 226	#D4A3E2
50.0%	50.0% #CC95DD	RGB 204 149 221	#CC95DD
66.7%	66.7% #C487D8	RGB 196 135 216	#C487D8
83.3%	83.3% #BC79D3	RGB 188 121 211	#BC79D3
100.0%	100.0% #B46BCE	RGB 180 107 206	#B46BCE

#E4C0EC #DCB1E7 #D4A3E2 #CC95DD #C487D8 #BC79D3 #B46BCE

#E4C0EC - #B46BCE

HSV Blend

#E4C0EC - #B46BCE | 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 #E4C0EC as 0% and #B46BCE as 100%.

0.0%	0.0% #E4C0EC	RGB 228 192 236	#E4C0EC
16.7%	16.7% #DCB0E7	RGB 220 176 231	#DCB0E7
33.3%	33.3% #D4A1E2	RGB 212 161 226	#D4A1E2
50.0%	50.0% #CC93DD	RGB 204 147 221	#CC93DD
66.7%	66.7% #C485D8	RGB 196 133 216	#C485D8
83.3%	83.3% #BC77D3	RGB 188 119 211	#BC77D3
100.0%	100.0% #B46BCE	RGB 180 107 206	#B46BCE

#E4C0EC #DCB0E7 #D4A1E2 #CC93DD #C485D8 #BC77D3 #B46BCE

#E4C0EC - #CC93DD - #B46BCE

CSS codes

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

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