#CCCACB - #EDD3FF | 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 #CCCACB to #EDD3FF

#CCCACB #EDD3FF

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

#CCCACB - #EDD3FF | 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 #CCCACB as 0% and #EDD3FF as 100%.

0.0%	0.0% #CCCACB	RGB 204 202 203	#CCCACB
16.7%	16.7% #D1CBD3	RGB 209 203 211	#D1CBD3
33.3%	33.3% #D7CDDC	RGB 215 205 220	#D7CDDC
50.0%	50.0% #DCCEE5	RGB 220 206 229	#DCCEE5
66.7%	66.7% #E2D0ED	RGB 226 208 237	#E2D0ED
83.3%	83.3% #E7D1F6	RGB 231 209 246	#E7D1F6
100.0%	100.0% #EDD3FF	RGB 237 211 255	#EDD3FF

#CCCACB #D1CBD3 #D7CDDC #DCCEE5 #E2D0ED #E7D1F6 #EDD3FF

#CCCACB - #EDD3FF

HSV Blend

#CCCACB - #EDD3FF | 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 #CCCACB as 0% and #EDD3FF as 100%.

0.0%	0.0% #CCCACB	RGB 204 202 203	#CCCACB
16.7%	16.7% #D4CCD1	RGB 212 204 209	#D4CCD1
33.3%	33.3% #DDCEDA	RGB 221 206 218	#DDCEDA
50.0%	50.0% #E5D0E4	RGB 229 208 228	#E5D0E4
66.7%	66.7% #EBD1EE	RGB 235 209 238	#EBD1EE
83.3%	83.3% #EDD2F6	RGB 237 210 246	#EDD2F6
100.0%	100.0% #EDD3FF	RGB 237 211 255	#EDD3FF

#CCCACB #D4CCD1 #DDCEDA #E5D0E4 #EBD1EE #EDD2F6 #EDD3FF

#CCCACB - #E5D0E4 - #EDD3FF

CSS codes

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

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