#F2B2FF - #B241CE | 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 #F2B2FF to #B241CE

#F2B2FF #B241CE

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

#F2B2FF - #B241CE | 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 #F2B2FF as 0% and #B241CE as 100%.

0.0%	0.0% #F2B2FF	RGB 242 178 255	#F2B2FF
16.7%	16.7% #E79FF6	RGB 231 159 246	#E79FF6
33.3%	33.3% #DC8CEE	RGB 220 140 238	#DC8CEE
50.0%	50.0% #D279E6	RGB 210 121 230	#D279E6
66.7%	66.7% #C766DE	RGB 199 102 222	#C766DE
83.3%	83.3% #BC53D6	RGB 188 83 214	#BC53D6
100.0%	100.0% #B241CE	RGB 178 65 206	#B241CE

#F2B2FF #E79FF6 #DC8CEE #D279E6 #C766DE #BC53D6 #B241CE

#F2B2FF - #B241CE

HSV Blend

#F2B2FF - #B241CE | 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 #F2B2FF as 0% and #B241CE as 100%.

0.0%	0.0% #F2B2FF	RGB 242 178 255	#F2B2FF
16.7%	16.7% #E79CF6	RGB 231 156 246	#E79CF6
33.3%	33.3% #DC88EE	RGB 220 136 238	#DC88EE
50.0%	50.0% #D174E6	RGB 209 116 230	#D174E6
66.7%	66.7% #C662DE	RGB 198 98 222	#C662DE
83.3%	83.3% #BC51D6	RGB 188 81 214	#BC51D6
100.0%	100.0% #B241CE	RGB 178 65 206	#B241CE

#F2B2FF #E79CF6 #DC88EE #D174E6 #C662DE #BC51D6 #B241CE

#F2B2FF - #D174E6 - #B241CE

CSS codes

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

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