#C38DBC - #EDDEEB | 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 #C38DBC to #EDDEEB

#C38DBC #EDDEEB

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

#C38DBC - #EDDEEB | 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 #C38DBC as 0% and #EDDEEB as 100%.

0.0%	0.0% #C38DBC	RGB 195 141 188	#C38DBC
16.7%	16.7% #CA9AC3	RGB 202 154 195	#CA9AC3
33.3%	33.3% #D1A8CB	RGB 209 168 203	#D1A8CB
50.0%	50.0% #D8B5D3	RGB 216 181 211	#D8B5D3
66.7%	66.7% #DFC3DB	RGB 223 195 219	#DFC3DB
83.3%	83.3% #E6D0E3	RGB 230 208 227	#E6D0E3
100.0%	100.0% #EDDEEB	RGB 237 222 235	#EDDEEB

#C38DBC #CA9AC3 #D1A8CB #D8B5D3 #DFC3DB #E6D0E3 #EDDEEB

#C38DBC - #EDDEEB

HSV Blend

#C38DBC - #EDDEEB | 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 #C38DBC as 0% and #EDDEEB as 100%.

0.0%	0.0% #C38DBC	RGB 195 141 188	#C38DBC
16.7%	16.7% #CA99C3	RGB 202 153 195	#CA99C3
33.3%	33.3% #D1A6CB	RGB 209 166 203	#D1A6CB
50.0%	50.0% #D8B3D3	RGB 216 179 211	#D8B3D3
66.7%	66.7% #DFC1DB	RGB 223 193 219	#DFC1DB
83.3%	83.3% #E6CFE2	RGB 230 207 226	#E6CFE2
100.0%	100.0% #EDDEEB	RGB 237 222 235	#EDDEEB

#C38DBC #CA99C3 #D1A6CB #D8B3D3 #DFC1DB #E6CFE2 #EDDEEB

#C38DBC - #D8B3D3 - #EDDEEB

CSS codes

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

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