#FF02C0 - #FFB7EC | 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 #FF02C0 to #FFB7EC

#FF02C0 #FFB7EC

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

#FF02C0 - #FFB7EC | 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 #FF02C0 as 0% and #FFB7EC as 100%.

0.0%	0.0% #FF02C0	RGB 255 2 192	#FF02C0
16.7%	16.7% #FF20C7	RGB 255 32 199	#FF20C7
33.3%	33.3% #FF3ECE	RGB 255 62 206	#FF3ECE
50.0%	50.0% #FF5CD6	RGB 255 92 214	#FF5CD6
66.7%	66.7% #FF7ADD	RGB 255 122 221	#FF7ADD
83.3%	83.3% #FF98E4	RGB 255 152 228	#FF98E4
100.0%	100.0% #FFB7EC	RGB 255 183 236	#FFB7EC

#FF02C0 #FF20C7 #FF3ECE #FF5CD6 #FF7ADD #FF98E4 #FFB7EC

#FF02C0 - #FFB7EC

HSV Blend

#FF02C0 - #FFB7EC | 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 #FF02C0 as 0% and #FFB7EC as 100%.

0.0%	0.0% #FF01BF	RGB 255 1 191	#FF01BF
16.7%	16.7% #FF20C6	RGB 255 32 198	#FF20C6
33.3%	33.3% #FF3ECE	RGB 255 62 206	#FF3ECE
50.0%	50.0% #FF5CD5	RGB 255 92 213	#FF5CD5
66.7%	66.7% #FF7ADC	RGB 255 122 220	#FF7ADC
83.3%	83.3% #FF98E4	RGB 255 152 228	#FF98E4
100.0%	100.0% #FFB7EC	RGB 255 183 236	#FFB7EC

#FF01BF #FF20C6 #FF3ECE #FF5CD5 #FF7ADC #FF98E4 #FFB7EC

#FF02C0 - #FF5CD5 - #FFB7EC

CSS codes

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

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