#CCB8FF - #FFEEF0 | 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 #CCB8FF to #FFEEF0

#CCB8FF #FFEEF0

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

#CCB8FF - #FFEEF0 | 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 #CCB8FF as 0% and #FFEEF0 as 100%.

0.0%	0.0% #CCB8FF	RGB 204 184 255	#CCB8FF
16.7%	16.7% #D4C1FC	RGB 212 193 252	#D4C1FC
33.3%	33.3% #DDCAFA	RGB 221 202 250	#DDCAFA
50.0%	50.0% #E5D3F7	RGB 229 211 247	#E5D3F7
66.7%	66.7% #EEDCF5	RGB 238 220 245	#EEDCF5
83.3%	83.3% #F6E5F2	RGB 246 229 242	#F6E5F2
100.0%	100.0% #FFEEF0	RGB 255 238 240	#FFEEF0

#CCB8FF #D4C1FC #DDCAFA #E5D3F7 #EEDCF5 #F6E5F2 #FFEEF0

#CCB8FF - #FFEEF0

HSV Blend

#CCB8FF - #FFEEF0 | 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 #CCB8FF as 0% and #FFEEF0 as 100%.

0.0%	0.0% #CCB8FF	RGB 204 184 255	#CCB8FF
16.7%	16.7% #E3C1FF	RGB 227 193 255	#E3C1FF
33.3%	33.3% #F5CAFF	RGB 245 202 255	#F5CAFF
50.0%	50.0% #FFD3FB	RGB 255 211 251	#FFD3FB
66.7%	66.7% #FFDCF2	RGB 255 220 242	#FFDCF2
83.3%	83.3% #FFE5EE	RGB 255 229 238	#FFE5EE
100.0%	100.0% #FFEEF0	RGB 255 238 240	#FFEEF0

#CCB8FF #E3C1FF #F5CAFF #FFD3FB #FFDCF2 #FFE5EE #FFEEF0

#CCB8FF - #FFD3FB - #FFEEF0

CSS codes

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

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