#E3C2DC - #BD6097 | 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 #E3C2DC to #BD6097

#E3C2DC #BD6097

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

#E3C2DC - #BD6097 | 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 #E3C2DC as 0% and #BD6097 as 100%.

0.0%	0.0% #E3C2DC	RGB 227 194 220	#E3C2DC
16.7%	16.7% #DCB1D0	RGB 220 177 208	#DCB1D0
33.3%	33.3% #D6A1C5	RGB 214 161 197	#D6A1C5
50.0%	50.0% #D091B9	RGB 208 145 185	#D091B9
66.7%	66.7% #C980AE	RGB 201 128 174	#C980AE
83.3%	83.3% #C370A2	RGB 195 112 162	#C370A2
100.0%	100.0% #BD6097	RGB 189 96 151	#BD6097

#E3C2DC #DCB1D0 #D6A1C5 #D091B9 #C980AE #C370A2 #BD6097

#E3C2DC - #BD6097

HSV Blend

#E3C2DC - #BD6097 | 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 #E3C2DC as 0% and #BD6097 as 100%.

0.0%	0.0% #E3C2DC	RGB 227 194 220	#E3C2DC
16.7%	16.7% #DCAFD1	RGB 220 175 209	#DCAFD1
33.3%	33.3% #D69EC6	RGB 214 158 198	#D69EC6
50.0%	50.0% #D08DBB	RGB 208 141 187	#D08DBB
66.7%	66.7% #C97DAF	RGB 201 125 175	#C97DAF
83.3%	83.3% #C36EA3	RGB 195 110 163	#C36EA3
100.0%	100.0% #BD6097	RGB 189 96 151	#BD6097

#E3C2DC #DCAFD1 #D69EC6 #D08DBB #C97DAF #C36EA3 #BD6097

#E3C2DC - #D08DBB - #BD6097

CSS codes

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

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