#CCAEFF - #FFEBF3 | 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 #CCAEFF to #FFEBF3

#CCAEFF #FFEBF3

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

#CCAEFF - #FFEBF3 | 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 #CCAEFF as 0% and #FFEBF3 as 100%.

0.0%	0.0% #CCAEFF	RGB 204 174 255	#CCAEFF
16.7%	16.7% #D4B8FD	RGB 212 184 253	#D4B8FD
33.3%	33.3% #DDC2FB	RGB 221 194 251	#DDC2FB
50.0%	50.0% #E5CCF9	RGB 229 204 249	#E5CCF9
66.7%	66.7% #EED6F7	RGB 238 214 247	#EED6F7
83.3%	83.3% #F6E0F5	RGB 246 224 245	#F6E0F5
100.0%	100.0% #FFEBF3	RGB 255 235 243	#FFEBF3

#CCAEFF #D4B8FD #DDC2FB #E5CCF9 #EED6F7 #F6E0F5 #FFEBF3

#CCAEFF - #FFEBF3

HSV Blend

#CCAEFF - #FFEBF3 | 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 #CCAEFF as 0% and #FFEBF3 as 100%.

0.0%	0.0% #CCAEFF	RGB 204 174 255	#CCAEFF
16.7%	16.7% #E0B8FF	RGB 224 184 255	#E0B8FF
33.3%	33.3% #F1C2FF	RGB 241 194 255	#F1C2FF
50.0%	50.0% #FECCFF	RGB 254 204 255	#FECCFF
66.7%	66.7% #FFD6F7	RGB 255 214 247	#FFD6F7
83.3%	83.3% #FFE0F3	RGB 255 224 243	#FFE0F3
100.0%	100.0% #FFEBF3	RGB 255 235 243	#FFEBF3

#CCAEFF #E0B8FF #F1C2FF #FECCFF #FFD6F7 #FFE0F3 #FFEBF3

#CCAEFF - #FECCFF - #FFEBF3

CSS codes

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

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