#F5E6FE - #C999EA | 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 #F5E6FE to #C999EA

#F5E6FE #C999EA

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

#F5E6FE - #C999EA | 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 #F5E6FE as 0% and #C999EA as 100%.

0.0%	0.0% #F5E6FE	RGB 245 230 254	#F5E6FE
16.7%	16.7% #EDD9FA	RGB 237 217 250	#EDD9FA
33.3%	33.3% #E6CCF7	RGB 230 204 247	#E6CCF7
50.0%	50.0% #DFBFF4	RGB 223 191 244	#DFBFF4
66.7%	66.7% #D7B2F0	RGB 215 178 240	#D7B2F0
83.3%	83.3% #D0A5ED	RGB 208 165 237	#D0A5ED
100.0%	100.0% #C999EA	RGB 201 153 234	#C999EA

#F5E6FE #EDD9FA #E6CCF7 #DFBFF4 #D7B2F0 #D0A5ED #C999EA

#F5E6FE - #C999EA

HSV Blend

#F5E6FE - #C999EA | 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 #F5E6FE as 0% and #C999EA as 100%.

0.0%	0.0% #F5E6FE	RGB 245 230 254	#F5E6FE
16.7%	16.7% #EDD8FA	RGB 237 216 250	#EDD8FA
33.3%	33.3% #E6CBF7	RGB 230 203 247	#E6CBF7
50.0%	50.0% #DEBEF4	RGB 222 190 244	#DEBEF4
66.7%	66.7% #D7B1F0	RGB 215 177 240	#D7B1F0
83.3%	83.3% #D0A5ED	RGB 208 165 237	#D0A5ED
100.0%	100.0% #C999EA	RGB 201 153 234	#C999EA

#F5E6FE #EDD8FA #E6CBF7 #DEBEF4 #D7B1F0 #D0A5ED #C999EA

#F5E6FE - #DEBEF4 - #C999EA

CSS codes

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

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