#F282FF - #CB2FEC | 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 #F282FF to #CB2FEC

#F282FF #CB2FEC

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

#F282FF - #CB2FEC | 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 #F282FF as 0% and #CB2FEC as 100%.

0.0%	0.0% #F282FF	RGB 242 130 255	#F282FF
16.7%	16.7% #EB74FB	RGB 235 116 251	#EB74FB
33.3%	33.3% #E566F8	RGB 229 102 248	#E566F8
50.0%	50.0% #DE58F5	RGB 222 88 245	#DE58F5
66.7%	66.7% #D84AF2	RGB 216 74 242	#D84AF2
83.3%	83.3% #D13CEF	RGB 209 60 239	#D13CEF
100.0%	100.0% #CB2FEC	RGB 203 47 236	#CB2FEC

#F282FF #EB74FB #E566F8 #DE58F5 #D84AF2 #D13CEF #CB2FEC

#F282FF - #CB2FEC

HSV Blend

#F282FF - #CB2FEC | 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 #F282FF as 0% and #CB2FEC as 100%.

0.0%	0.0% #F282FF	RGB 242 130 255	#F282FF
16.7%	16.7% #EC73FB	RGB 236 115 251	#EC73FB
33.3%	33.3% #E565F8	RGB 229 101 248	#E565F8
50.0%	50.0% #DF57F5	RGB 223 87 245	#DF57F5
66.7%	66.7% #D849F2	RGB 216 73 242	#D849F2
83.3%	83.3% #D13CEF	RGB 209 60 239	#D13CEF
100.0%	100.0% #CB2FEC	RGB 203 47 236	#CB2FEC

#F282FF #EC73FB #E565F8 #DF57F5 #D849F2 #D13CEF #CB2FEC

#F282FF - #DF57F5 - #CB2FEC

CSS codes

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

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