#E2D2E5 - #B182C2 | 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 #E2D2E5 to #B182C2

#E2D2E5 #B182C2

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

#E2D2E5 - #B182C2 | 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 #E2D2E5 as 0% and #B182C2 as 100%.

0.0%	0.0% #E2D2E5	RGB 226 210 229	#E2D2E5
16.7%	16.7% #D9C4DF	RGB 217 196 223	#D9C4DF
33.3%	33.3% #D1B7D9	RGB 209 183 217	#D1B7D9
50.0%	50.0% #C9AAD3	RGB 201 170 211	#C9AAD3
66.7%	66.7% #C19CCD	RGB 193 156 205	#C19CCD
83.3%	83.3% #B98FC7	RGB 185 143 199	#B98FC7
100.0%	100.0% #B182C2	RGB 177 130 194	#B182C2

#E2D2E5 #D9C4DF #D1B7D9 #C9AAD3 #C19CCD #B98FC7 #B182C2

#E2D2E5 - #B182C2

HSV Blend

#E2D2E5 - #B182C2 | 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 #E2D2E5 as 0% and #B182C2 as 100%.

0.0%	0.0% #E2D2E5	RGB 226 210 229	#E2D2E5
16.7%	16.7% #DAC3DF	RGB 218 195 223	#DAC3DF
33.3%	33.3% #D2B5D9	RGB 210 181 217	#D2B5D9
50.0%	50.0% #CAA7D3	RGB 202 167 211	#CAA7D3
66.7%	66.7% #C19ACD	RGB 193 154 205	#C19ACD
83.3%	83.3% #B98EC7	RGB 185 142 199	#B98EC7
100.0%	100.0% #B182C2	RGB 177 130 194	#B182C2

#E2D2E5 #DAC3DF #D2B5D9 #CAA7D3 #C19ACD #B98EC7 #B182C2

#E2D2E5 - #CAA7D3 - #B182C2

CSS codes

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

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