#F0DFFC - #C18CDB | 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 #F0DFFC to #C18CDB

#F0DFFC #C18CDB

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

#F0DFFC - #C18CDB | 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 #F0DFFC as 0% and #C18CDB as 100%.

0.0%	0.0% #F0DFFC	RGB 240 223 252	#F0DFFC
16.7%	16.7% #E8D1F6	RGB 232 209 246	#E8D1F6
33.3%	33.3% #E0C3F1	RGB 224 195 241	#E0C3F1
50.0%	50.0% #D8B5EB	RGB 216 181 235	#D8B5EB
66.7%	66.7% #D0A7E6	RGB 208 167 230	#D0A7E6
83.3%	83.3% #C899E0	RGB 200 153 224	#C899E0
100.0%	100.0% #C18CDB	RGB 193 140 219	#C18CDB

#F0DFFC #E8D1F6 #E0C3F1 #D8B5EB #D0A7E6 #C899E0 #C18CDB

#F0DFFC - #C18CDB

HSV Blend

#F0DFFC - #C18CDB | 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 #F0DFFC as 0% and #C18CDB as 100%.

0.0%	0.0% #F0DFFC	RGB 240 223 252	#F0DFFC
16.7%	16.7% #E7D0F6	RGB 231 208 246	#E7D0F6
33.3%	33.3% #DEC1F1	RGB 222 193 241	#DEC1F1
50.0%	50.0% #D6B3EB	RGB 214 179 235	#D6B3EB
66.7%	66.7% #CFA5E6	RGB 207 165 230	#CFA5E6
83.3%	83.3% #C798E0	RGB 199 152 224	#C798E0
100.0%	100.0% #C18CDB	RGB 193 140 219	#C18CDB

#F0DFFC #E7D0F6 #DEC1F1 #D6B3EB #CFA5E6 #C798E0 #C18CDB

#F0DFFC - #D6B3EB - #C18CDB

CSS codes

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

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