#CAA2F7 - #FFE6EE | 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 #CAA2F7 to #FFE6EE

#CAA2F7 #FFE6EE

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

#CAA2F7 - #FFE6EE | 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 #CAA2F7 as 0% and #FFE6EE as 100%.

0.0%	0.0% #CAA2F7	RGB 202 162 247	#CAA2F7
16.7%	16.7% #D2ADF5	RGB 210 173 245	#D2ADF5
33.3%	33.3% #DBB8F4	RGB 219 184 244	#DBB8F4
50.0%	50.0% #E4C4F2	RGB 228 196 242	#E4C4F2
66.7%	66.7% #EDCFF1	RGB 237 207 241	#EDCFF1
83.3%	83.3% #F6DAEF	RGB 246 218 239	#F6DAEF
100.0%	100.0% #FFE6EE	RGB 255 230 238	#FFE6EE

#CAA2F7 #D2ADF5 #DBB8F4 #E4C4F2 #EDCFF1 #F6DAEF #FFE6EE

#CAA2F7 - #FFE6EE

HSV Blend

#CAA2F7 - #FFE6EE | 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 #CAA2F7 as 0% and #FFE6EE as 100%.

0.0%	0.0% #CAA2F7	RGB 202 162 247	#CAA2F7
16.7%	16.7% #DFADF8	RGB 223 173 248	#DFADF8
33.3%	33.3% #F1B8F9	RGB 241 184 249	#F1B8F9
50.0%	50.0% #FBC3F6	RGB 251 195 246	#FBC3F6
66.7%	66.7% #FCCEEF	RGB 252 206 239	#FCCEEF
83.3%	83.3% #FDDAEC	RGB 253 218 236	#FDDAEC
100.0%	100.0% #FFE6EE	RGB 255 230 238	#FFE6EE

#CAA2F7 #DFADF8 #F1B8F9 #FBC3F6 #FCCEEF #FDDAEC #FFE6EE

#CAA2F7 - #FBC3F6 - #FFE6EE

CSS codes

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

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