#CCB8CE - #EEC8FF | 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 #CCB8CE to #EEC8FF

#CCB8CE #EEC8FF

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

#CCB8CE - #EEC8FF | 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 #CCB8CE as 0% and #EEC8FF as 100%.

0.0%	0.0% #CCB8CE	RGB 204 184 206	#CCB8CE
16.7%	16.7% #D1BAD6	RGB 209 186 214	#D1BAD6
33.3%	33.3% #D7BDDE	RGB 215 189 222	#D7BDDE
50.0%	50.0% #DDC0E6	RGB 221 192 230	#DDC0E6
66.7%	66.7% #E2C2EE	RGB 226 194 238	#E2C2EE
83.3%	83.3% #E8C5F6	RGB 232 197 246	#E8C5F6
100.0%	100.0% #EEC8FF	RGB 238 200 255	#EEC8FF

#CCB8CE #D1BAD6 #D7BDDE #DDC0E6 #E2C2EE #E8C5F6 #EEC8FF

#CCB8CE - #EEC8FF

HSV Blend

#CCB8CE - #EEC8FF | 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 #CCB8CE as 0% and #EEC8FF as 100%.

0.0%	0.0% #CCB8CE	RGB 204 184 206	#CCB8CE
16.7%	16.7% #D2BBD6	RGB 210 187 214	#D2BBD6
33.3%	33.3% #D9BEDE	RGB 217 190 222	#D9BEDE
50.0%	50.0% #DFC1E6	RGB 223 193 230	#DFC1E6
66.7%	66.7% #E4C3EE	RGB 228 195 238	#E4C3EE
83.3%	83.3% #E9C6F6	RGB 233 198 246	#E9C6F6
100.0%	100.0% #EEC8FF	RGB 238 200 255	#EEC8FF

#CCB8CE #D2BBD6 #D9BEDE #DFC1E6 #E4C3EE #E9C6F6 #EEC8FF

#CCB8CE - #DFC1E6 - #EEC8FF

CSS codes

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

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