#CCCBCB - #EDD4FF | 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 #CCCBCB to #EDD4FF

#CCCBCB #EDD4FF

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

#CCCBCB - #EDD4FF | 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 #CCCBCB as 0% and #EDD4FF as 100%.

0.0%	0.0% #CCCBCB	RGB 204 203 203	#CCCBCB
16.7%	16.7% #D1CCD3	RGB 209 204 211	#D1CCD3
33.3%	33.3% #D7CEDC	RGB 215 206 220	#D7CEDC
50.0%	50.0% #DCCFE5	RGB 220 207 229	#DCCFE5
66.7%	66.7% #E2D1ED	RGB 226 209 237	#E2D1ED
83.3%	83.3% #E7D2F6	RGB 231 210 246	#E7D2F6
100.0%	100.0% #EDD4FF	RGB 237 212 255	#EDD4FF

#CCCBCB #D1CCD3 #D7CEDC #DCCFE5 #E2D1ED #E7D2F6 #EDD4FF

#CCCBCB - #EDD4FF

HSV Blend

#CCCBCB - #EDD4FF | 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 #CCCBCB as 0% and #EDD4FF as 100%.

0.0%	0.0% #CCCBCB	RGB 204 203 203	#CCCBCB
16.7%	16.7% #D4CDCF	RGB 212 205 207	#D4CDCF
33.3%	33.3% #DDCFD6	RGB 221 207 214	#DDCFD6
50.0%	50.0% #E5D1DF	RGB 229 209 223	#E5D1DF
66.7%	66.7% #EED2EC	RGB 238 210 236	#EED2EC
83.3%	83.3% #F0D3F6	RGB 240 211 246	#F0D3F6
100.0%	100.0% #EDD4FF	RGB 237 212 255	#EDD4FF

#CCCBCB #D4CDCF #DDCFD6 #E5D1DF #EED2EC #F0D3F6 #EDD4FF

#CCCBCB - #E5D1DF - #EDD4FF

CSS codes

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

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