#F9F3FE - #CAABE2 | 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 #F9F3FE to #CAABE2

#F9F3FE #CAABE2

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

#F9F3FE - #CAABE2 | 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 #F9F3FE as 0% and #CAABE2 as 100%.

0.0%	0.0% #F9F3FE	RGB 249 243 254	#F9F3FE
16.7%	16.7% #F1E7F9	RGB 241 231 249	#F1E7F9
33.3%	33.3% #E9DBF4	RGB 233 219 244	#E9DBF4
50.0%	50.0% #E1CFF0	RGB 225 207 240	#E1CFF0
66.7%	66.7% #D9C3EB	RGB 217 195 235	#D9C3EB
83.3%	83.3% #D1B7E6	RGB 209 183 230	#D1B7E6
100.0%	100.0% #CAABE2	RGB 202 171 226	#CAABE2

#F9F3FE #F1E7F9 #E9DBF4 #E1CFF0 #D9C3EB #D1B7E6 #CAABE2

#F9F3FE - #CAABE2

HSV Blend

#F9F3FE - #CAABE2 | 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 #F9F3FE as 0% and #CAABE2 as 100%.

0.0%	0.0% #F9F3FE	RGB 249 243 254	#F9F3FE
16.7%	16.7% #F0E6F9	RGB 240 230 249	#F0E6F9
33.3%	33.3% #E8D9F4	RGB 232 217 244	#E8D9F4
50.0%	50.0% #E0CDF0	RGB 224 205 240	#E0CDF0
66.7%	66.7% #D8C1EB	RGB 216 193 235	#D8C1EB
83.3%	83.3% #D1B6E6	RGB 209 182 230	#D1B6E6
100.0%	100.0% #CAABE2	RGB 202 171 226	#CAABE2

#F9F3FE #F0E6F9 #E8D9F4 #E0CDF0 #D8C1EB #D1B6E6 #CAABE2

#F9F3FE - #E0CDF0 - #CAABE2

CSS codes

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

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