#F0C2FF - #B258CE | 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 #F0C2FF to #B258CE

#F0C2FF #B258CE

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

#F0C2FF - #B258CE | 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 #F0C2FF as 0% and #B258CE as 100%.

0.0%	0.0% #F0C2FF	RGB 240 194 255	#F0C2FF
16.7%	16.7% #E5B0F6	RGB 229 176 246	#E5B0F6
33.3%	33.3% #DB9EEE	RGB 219 158 238	#DB9EEE
50.0%	50.0% #D18DE6	RGB 209 141 230	#D18DE6
66.7%	66.7% #C67BDE	RGB 198 123 222	#C67BDE
83.3%	83.3% #BC69D6	RGB 188 105 214	#BC69D6
100.0%	100.0% #B258CE	RGB 178 88 206	#B258CE

#F0C2FF #E5B0F6 #DB9EEE #D18DE6 #C67BDE #BC69D6 #B258CE

#F0C2FF - #B258CE

HSV Blend

#F0C2FF - #B258CE | 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 #F0C2FF as 0% and #B258CE as 100%.

0.0%	0.0% #F0C2FF	RGB 240 194 255	#F0C2FF
16.7%	16.7% #E5AEF6	RGB 229 174 246	#E5AEF6
33.3%	33.3% #DA9BEE	RGB 218 155 238	#DA9BEE
50.0%	50.0% #CF88E6	RGB 207 136 230	#CF88E6
66.7%	66.7% #C577DE	RGB 197 119 222	#C577DE
83.3%	83.3% #BB67D6	RGB 187 103 214	#BB67D6
100.0%	100.0% #B258CE	RGB 178 88 206	#B258CE

#F0C2FF #E5AEF6 #DA9BEE #CF88E6 #C577DE #BB67D6 #B258CE

#F0C2FF - #CF88E6 - #B258CE

CSS codes

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

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