#E6CDED - #B46EB2 | 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 #E6CDED to #B46EB2

#E6CDED #B46EB2

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

#E6CDED - #B46EB2 | 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 #E6CDED as 0% and #B46EB2 as 100%.

0.0%	0.0% #E6CDED	RGB 230 205 237	#E6CDED
16.7%	16.7% #DDBDE3	RGB 221 189 227	#DDBDE3
33.3%	33.3% #D5ADD9	RGB 213 173 217	#D5ADD9
50.0%	50.0% #CD9DCF	RGB 205 157 207	#CD9DCF
66.7%	66.7% #C48DC5	RGB 196 141 197	#C48DC5
83.3%	83.3% #BC7DBB	RGB 188 125 187	#BC7DBB
100.0%	100.0% #B46EB2	RGB 180 110 178	#B46EB2

#E6CDED #DDBDE3 #D5ADD9 #CD9DCF #C48DC5 #BC7DBB #B46EB2

#E6CDED - #B46EB2

HSV Blend

#E6CDED - #B46EB2 | 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 #E6CDED as 0% and #B46EB2 as 100%.

0.0%	0.0% #E6CDED	RGB 230 205 237	#E6CDED
16.7%	16.7% #DCBBE3	RGB 220 187 227	#DCBBE3
33.3%	33.3% #D3AADA	RGB 211 170 218	#D3AADA
50.0%	50.0% #CB99D0	RGB 203 153 208	#CB99D0
66.7%	66.7% #C38AC7	RGB 195 138 199	#C38AC7
83.3%	83.3% #BC7BBD	RGB 188 123 189	#BC7BBD
100.0%	100.0% #B46EB2	RGB 180 110 178	#B46EB2

#E6CDED #DCBBE3 #D3AADA #CB99D0 #C38AC7 #BC7BBD #B46EB2

#E6CDED - #CB99D0 - #B46EB2

CSS codes

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

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