#E3D3E2 - #CF84C4 | 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 #E3D3E2 to #CF84C4

#E3D3E2 #CF84C4

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

#E3D3E2 - #CF84C4 | 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 #E3D3E2 as 0% and #CF84C4 as 100%.

0.0%	0.0% #E3D3E2	RGB 227 211 226	#E3D3E2
16.7%	16.7% #DFC5DD	RGB 223 197 221	#DFC5DD
33.3%	33.3% #DCB8D8	RGB 220 184 216	#DCB8D8
50.0%	50.0% #D9ABD3	RGB 217 171 211	#D9ABD3
66.7%	66.7% #D59ECE	RGB 213 158 206	#D59ECE
83.3%	83.3% #D291C9	RGB 210 145 201	#D291C9
100.0%	100.0% #CF84C4	RGB 207 132 196	#CF84C4

#E3D3E2 #DFC5DD #DCB8D8 #D9ABD3 #D59ECE #D291C9 #CF84C4

#E3D3E2 - #CF84C4

HSV Blend

#E3D3E2 - #CF84C4 | 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 #E3D3E2 as 0% and #CF84C4 as 100%.

0.0%	0.0% #E3D3E2	RGB 227 211 226	#E3D3E2
16.7%	16.7% #DFC5DD	RGB 223 197 221	#DFC5DD
33.3%	33.3% #DCB7D8	RGB 220 183 216	#DCB7D8
50.0%	50.0% #D9AAD4	RGB 217 170 212	#D9AAD4
66.7%	66.7% #D59DCE	RGB 213 157 206	#D59DCE
83.3%	83.3% #D290C9	RGB 210 144 201	#D290C9
100.0%	100.0% #CF84C4	RGB 207 132 196	#CF84C4

#E3D3E2 #DFC5DD #DCB7D8 #D9AAD4 #D59DCE #D290C9 #CF84C4

#E3D3E2 - #D9AAD4 - #CF84C4

CSS codes

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

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