#E3D5E4 - #B2739E | 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 #E3D5E4 to #B2739E

#E3D5E4 #B2739E

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

#E3D5E4 - #B2739E | 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 #E3D5E4 as 0% and #B2739E as 100%.

0.0%	0.0% #E3D5E4	RGB 227 213 228	#E3D5E4
16.7%	16.7% #DAC4D8	RGB 218 196 216	#DAC4D8
33.3%	33.3% #D2B4CC	RGB 210 180 204	#D2B4CC
50.0%	50.0% #CAA4C1	RGB 202 164 193	#CAA4C1
66.7%	66.7% #C293B5	RGB 194 147 181	#C293B5
83.3%	83.3% #BA83A9	RGB 186 131 169	#BA83A9
100.0%	100.0% #B2739E	RGB 178 115 158	#B2739E

#E3D5E4 #DAC4D8 #D2B4CC #CAA4C1 #C293B5 #BA83A9 #B2739E

#E3D5E4 - #B2739E

HSV Blend

#E3D5E4 - #B2739E | 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 #E3D5E4 as 0% and #B2739E as 100%.

0.0%	0.0% #E3D5E4	RGB 227 213 228	#E3D5E4
16.7%	16.7% #DBC2DB	RGB 219 194 219	#DBC2DB
33.3%	33.3% #D3B1D1	RGB 211 177 209	#D3B1D1
50.0%	50.0% #CBA0C5	RGB 203 160 197	#CBA0C5
66.7%	66.7% #C290B9	RGB 194 144 185	#C290B9
83.3%	83.3% #BA81AB	RGB 186 129 171	#BA81AB
100.0%	100.0% #B2739E	RGB 178 115 158	#B2739E

#E3D5E4 #DBC2DB #D3B1D1 #CBA0C5 #C290B9 #BA81AB #B2739E

#E3D5E4 - #CBA0C5 - #B2739E

CSS codes

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

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