#FFFAFA - #CAA6CE | 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 #FFFAFA to #CAA6CE

#FFFAFA #CAA6CE

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

#FFFAFA - #CAA6CE | 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 #FFFAFA as 0% and #CAA6CE as 100%.

0.0%	0.0% #FFFAFA	RGB 255 250 250	#FFFAFA
16.7%	16.7% #F6ECF2	RGB 246 236 242	#F6ECF2
33.3%	33.3% #EDDEEB	RGB 237 222 235	#EDDEEB
50.0%	50.0% #E4D0E4	RGB 228 208 228	#E4D0E4
66.7%	66.7% #DBC2DC	RGB 219 194 220	#DBC2DC
83.3%	83.3% #D2B4D5	RGB 210 180 213	#D2B4D5
100.0%	100.0% #CAA6CE	RGB 202 166 206	#CAA6CE

#FFFAFA #F6ECF2 #EDDEEB #E4D0E4 #DBC2DC #D2B4D5 #CAA6CE

#FFFAFA - #CAA6CE

HSV Blend

#FFFAFA - #CAA6CE | 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 #FFFAFA as 0% and #CAA6CE as 100%.

0.0%	0.0% #FFFAFA	RGB 255 250 250	#FFFAFA
16.7%	16.7% #F6EAED	RGB 246 234 237	#F6EAED
33.3%	33.3% #EEDCE2	RGB 238 220 226	#EEDCE2
50.0%	50.0% #E6CDDB	RGB 230 205 219	#E6CDDB
66.7%	66.7% #DEC0D6	RGB 222 192 214	#DEC0D6
83.3%	83.3% #D6B2D3	RGB 214 178 211	#D6B2D3
100.0%	100.0% #CAA6CE	RGB 202 166 206	#CAA6CE

#FFFAFA #F6EAED #EEDCE2 #E6CDDB #DEC0D6 #D6B2D3 #CAA6CE

#FFFAFA - #E6CDDB - #CAA6CE

CSS codes

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

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