#C88BDA - #EFDDF4 | 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 #C88BDA to #EFDDF4

#C88BDA #EFDDF4

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

#C88BDA - #EFDDF4 | 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 #C88BDA as 0% and #EFDDF4 as 100%.

0.0%	0.0% #C88BDA	RGB 200 139 218	#C88BDA
16.7%	16.7% #CE98DE	RGB 206 152 222	#CE98DE
33.3%	33.3% #D5A6E2	RGB 213 166 226	#D5A6E2
50.0%	50.0% #DBB4E7	RGB 219 180 231	#DBB4E7
66.7%	66.7% #E2C1EB	RGB 226 193 235	#E2C1EB
83.3%	83.3% #E8CFEF	RGB 232 207 239	#E8CFEF
100.0%	100.0% #EFDDF4	RGB 239 221 244	#EFDDF4

#C88BDA #CE98DE #D5A6E2 #DBB4E7 #E2C1EB #E8CFEF #EFDDF4

#C88BDA - #EFDDF4

HSV Blend

#C88BDA - #EFDDF4 | 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 #C88BDA as 0% and #EFDDF4 as 100%.

0.0%	0.0% #C88BDA	RGB 200 139 218	#C88BDA
16.7%	16.7% #CE97DE	RGB 206 151 222	#CE97DE
33.3%	33.3% #D4A4E2	RGB 212 164 226	#D4A4E2
50.0%	50.0% #DBB2E7	RGB 219 178 231	#DBB2E7
66.7%	66.7% #E1C0EB	RGB 225 192 235	#E1C0EB
83.3%	83.3% #E8CEEF	RGB 232 206 239	#E8CEEF
100.0%	100.0% #EFDDF4	RGB 239 221 244	#EFDDF4

#C88BDA #CE97DE #D4A4E2 #DBB2E7 #E1C0EB #E8CEEF #EFDDF4

#C88BDA - #DBB2E7 - #EFDDF4

CSS codes

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

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