#F5E6FB - #CB9AE3 | 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 #F5E6FB to #CB9AE3

#F5E6FB #CB9AE3

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

#F5E6FB - #CB9AE3 | 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 #F5E6FB as 0% and #CB9AE3 as 100%.

0.0%	0.0% #F5E6FB	RGB 245 230 251	#F5E6FB
16.7%	16.7% #EED9F7	RGB 238 217 247	#EED9F7
33.3%	33.3% #E7CCF3	RGB 231 204 243	#E7CCF3
50.0%	50.0% #E0C0EF	RGB 224 192 239	#E0C0EF
66.7%	66.7% #D9B3EB	RGB 217 179 235	#D9B3EB
83.3%	83.3% #D2A6E7	RGB 210 166 231	#D2A6E7
100.0%	100.0% #CB9AE3	RGB 203 154 227	#CB9AE3

#F5E6FB #EED9F7 #E7CCF3 #E0C0EF #D9B3EB #D2A6E7 #CB9AE3

#F5E6FB - #CB9AE3

HSV Blend

#F5E6FB - #CB9AE3 | 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 #F5E6FB as 0% and #CB9AE3 as 100%.

0.0%	0.0% #F5E6FB	RGB 245 230 251	#F5E6FB
16.7%	16.7% #EED8F7	RGB 238 216 247	#EED8F7
33.3%	33.3% #E7CBF3	RGB 231 203 243	#E7CBF3
50.0%	50.0% #E0BEEF	RGB 224 190 239	#E0BEEF
66.7%	66.7% #D9B2EB	RGB 217 178 235	#D9B2EB
83.3%	83.3% #D2A5E7	RGB 210 165 231	#D2A5E7
100.0%	100.0% #CB9AE3	RGB 203 154 227	#CB9AE3

#F5E6FB #EED8F7 #E7CBF3 #E0BEEF #D9B2EB #D2A5E7 #CB9AE3

#F5E6FB - #E0BEEF - #CB9AE3

CSS codes

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

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