#C78BBC - #EFDDEB | 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 #C78BBC to #EFDDEB

#C78BBC #EFDDEB

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

#C78BBC - #EFDDEB | 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 #C78BBC as 0% and #EFDDEB as 100%.

0.0%	0.0% #C78BBC	RGB 199 139 188	#C78BBC
16.7%	16.7% #CD98C3	RGB 205 152 195	#CD98C3
33.3%	33.3% #D4A6CB	RGB 212 166 203	#D4A6CB
50.0%	50.0% #DBB4D3	RGB 219 180 211	#DBB4D3
66.7%	66.7% #E1C1DB	RGB 225 193 219	#E1C1DB
83.3%	83.3% #E8CFE3	RGB 232 207 227	#E8CFE3
100.0%	100.0% #EFDDEB	RGB 239 221 235	#EFDDEB

#C78BBC #CD98C3 #D4A6CB #DBB4D3 #E1C1DB #E8CFE3 #EFDDEB

#C78BBC - #EFDDEB

HSV Blend

#C78BBC - #EFDDEB | 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 #C78BBC as 0% and #EFDDEB as 100%.

0.0%	0.0% #C78BBC	RGB 199 139 188	#C78BBC
16.7%	16.7% #CD97C3	RGB 205 151 195	#CD97C3
33.3%	33.3% #D4A4CA	RGB 212 164 202	#D4A4CA
50.0%	50.0% #DBB1D2	RGB 219 177 210	#DBB1D2
66.7%	66.7% #E1BFDA	RGB 225 191 218	#E1BFDA
83.3%	83.3% #E8CEE2	RGB 232 206 226	#E8CEE2
100.0%	100.0% #EFDDEB	RGB 239 221 235	#EFDDEB

#C78BBC #CD97C3 #D4A4CA #DBB1D2 #E1BFDA #E8CEE2 #EFDDEB

#C78BBC - #DBB1D2 - #EFDDEB

CSS codes

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

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