#F6B2FF - #CC42CF | 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 #F6B2FF to #CC42CF

#F6B2FF #CC42CF

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

#F6B2FF - #CC42CF | 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 #F6B2FF as 0% and #CC42CF as 100%.

0.0%	0.0% #F6B2FF	RGB 246 178 255	#F6B2FF
16.7%	16.7% #EF9FF7	RGB 239 159 247	#EF9FF7
33.3%	33.3% #E88CEF	RGB 232 140 239	#E88CEF
50.0%	50.0% #E17AE7	RGB 225 122 231	#E17AE7
66.7%	66.7% #DA67DF	RGB 218 103 223	#DA67DF
83.3%	83.3% #D354D7	RGB 211 84 215	#D354D7
100.0%	100.0% #CC42CF	RGB 204 66 207	#CC42CF

#F6B2FF #EF9FF7 #E88CEF #E17AE7 #DA67DF #D354D7 #CC42CF

#F6B2FF - #CC42CF

HSV Blend

#F6B2FF - #CC42CF | 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 #F6B2FF as 0% and #CC42CF as 100%.

0.0%	0.0% #F6B2FF	RGB 246 178 255	#F6B2FF
16.7%	16.7% #ED9CF7	RGB 237 156 247	#ED9CF7
33.3%	33.3% #E688EF	RGB 230 136 239	#E688EF
50.0%	50.0% #DF75E7	RGB 223 117 231	#DF75E7
66.7%	66.7% #D863DF	RGB 216 99 223	#D863DF
83.3%	83.3% #D252D7	RGB 210 82 215	#D252D7
100.0%	100.0% #CC42CF	RGB 204 66 207	#CC42CF

#F6B2FF #ED9CF7 #E688EF #DF75E7 #D863DF #D252D7 #CC42CF

#F6B2FF - #DF75E7 - #CC42CF

CSS codes

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

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