#F0C0FF - #B356CE | 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 #F0C0FF to #B356CE

#F0C0FF #B356CE

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

#F0C0FF - #B356CE | 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 #F0C0FF as 0% and #B356CE as 100%.

0.0%	0.0% #F0C0FF	RGB 240 192 255	#F0C0FF
16.7%	16.7% #E5AEF6	RGB 229 174 246	#E5AEF6
33.3%	33.3% #DB9CEE	RGB 219 156 238	#DB9CEE
50.0%	50.0% #D18BE6	RGB 209 139 230	#D18BE6
66.7%	66.7% #C779DE	RGB 199 121 222	#C779DE
83.3%	83.3% #BD67D6	RGB 189 103 214	#BD67D6
100.0%	100.0% #B356CE	RGB 179 86 206	#B356CE

#F0C0FF #E5AEF6 #DB9CEE #D18BE6 #C779DE #BD67D6 #B356CE

#F0C0FF - #B356CE

HSV Blend

#F0C0FF - #B356CE | 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 #F0C0FF as 0% and #B356CE as 100%.

0.0%	0.0% #F0C0FF	RGB 240 192 255	#F0C0FF
16.7%	16.7% #E5ACF6	RGB 229 172 246	#E5ACF6
33.3%	33.3% #DA99EE	RGB 218 153 238	#DA99EE
50.0%	50.0% #D086E6	RGB 208 134 230	#D086E6
66.7%	66.7% #C675DE	RGB 198 117 222	#C675DE
83.3%	83.3% #BC65D6	RGB 188 101 214	#BC65D6
100.0%	100.0% #B356CE	RGB 179 86 206	#B356CE

#F0C0FF #E5ACF6 #DA99EE #D086E6 #C675DE #BC65D6 #B356CE

#F0C0FF - #D086E6 - #B356CE

CSS codes

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

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