#F1C2FF - #C858CF | 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 #F1C2FF to #C858CF

#F1C2FF #C858CF

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

#F1C2FF - #C858CF | 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 #F1C2FF as 0% and #C858CF as 100%.

0.0%	0.0% #F1C2FF	RGB 241 194 255	#F1C2FF
16.7%	16.7% #EAB0F7	RGB 234 176 247	#EAB0F7
33.3%	33.3% #E39EEF	RGB 227 158 239	#E39EEF
50.0%	50.0% #DC8DE7	RGB 220 141 231	#DC8DE7
66.7%	66.7% #D57BDF	RGB 213 123 223	#D57BDF
83.3%	83.3% #CE69D7	RGB 206 105 215	#CE69D7
100.0%	100.0% #C858CF	RGB 200 88 207	#C858CF

#F1C2FF #EAB0F7 #E39EEF #DC8DE7 #D57BDF #CE69D7 #C858CF

#F1C2FF - #C858CF

HSV Blend

#F1C2FF - #C858CF | 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 #F1C2FF as 0% and #C858CF as 100%.

0.0%	0.0% #F1C2FF	RGB 241 194 255	#F1C2FF
16.7%	16.7% #E8AEF7	RGB 232 174 247	#E8AEF7
33.3%	33.3% #E09BEF	RGB 224 155 239	#E09BEF
50.0%	50.0% #D988E7	RGB 217 136 231	#D988E7
66.7%	66.7% #D377DF	RGB 211 119 223	#D377DF
83.3%	83.3% #CD67D7	RGB 205 103 215	#CD67D7
100.0%	100.0% #C858CF	RGB 200 88 207	#C858CF

#F1C2FF #E8AEF7 #E09BEF #D988E7 #D377DF #CD67D7 #C858CF

#F1C2FF - #D988E7 - #C858CF

CSS codes

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

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