#F5E9F0 - #CAA5BB | 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 #F5E9F0 to #CAA5BB

#F5E9F0 #CAA5BB

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

#F5E9F0 - #CAA5BB | 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 #F5E9F0 as 0% and #CAA5BB as 100%.

0.0%	0.0% #F5E9F0	RGB 245 233 240	#F5E9F0
16.7%	16.7% #EDDDE7	RGB 237 221 231	#EDDDE7
33.3%	33.3% #E6D2DE	RGB 230 210 222	#E6D2DE
50.0%	50.0% #DFC7D5	RGB 223 199 213	#DFC7D5
66.7%	66.7% #D8BBCC	RGB 216 187 204	#D8BBCC
83.3%	83.3% #D1B0C3	RGB 209 176 195	#D1B0C3
100.0%	100.0% #CAA5BB	RGB 202 165 187	#CAA5BB

#F5E9F0 #EDDDE7 #E6D2DE #DFC7D5 #D8BBCC #D1B0C3 #CAA5BB

#F5E9F0 - #CAA5BB

HSV Blend

#F5E9F0 - #CAA5BB | 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 #F5E9F0 as 0% and #CAA5BB as 100%.

0.0%	0.0% #F5E9F0	RGB 245 233 240	#F5E9F0
16.7%	16.7% #EDDCE6	RGB 237 220 230	#EDDCE6
33.3%	33.3% #E6D1DD	RGB 230 209 221	#E6D1DD
50.0%	50.0% #DFC5D4	RGB 223 197 212	#DFC5D4
66.7%	66.7% #D8BACC	RGB 216 186 204	#D8BACC
83.3%	83.3% #D1AFC3	RGB 209 175 195	#D1AFC3
100.0%	100.0% #CAA5BB	RGB 202 165 187	#CAA5BB

#F5E9F0 #EDDCE6 #E6D1DD #DFC5D4 #D8BACC #D1AFC3 #CAA5BB

#F5E9F0 - #DFC5D4 - #CAA5BB

CSS codes

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

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