#FF7BFB - #C20A8B | 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 #FF7BFB to #C20A8B

#FF7BFB #C20A8B

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

#FF7BFB - #C20A8B | 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 #FF7BFB as 0% and #C20A8B as 100%.

0.0%	0.0% #FF7BFB	RGB 255 123 251	#FF7BFB
16.7%	16.7% #F468E8	RGB 244 104 232	#F468E8
33.3%	33.3% #EA55D5	RGB 234 85 213	#EA55D5
50.0%	50.0% #E042C3	RGB 224 66 195	#E042C3
66.7%	66.7% #D62FB0	RGB 214 47 176	#D62FB0
83.3%	83.3% #CC1C9D	RGB 204 28 157	#CC1C9D
100.0%	100.0% #C20A8B	RGB 194 10 139	#C20A8B

#FF7BFB #F468E8 #EA55D5 #E042C3 #D62FB0 #CC1C9D #C20A8B

#FF7BFB - #C20A8B

HSV Blend

#FF7BFB - #C20A8B | 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 #FF7BFB as 0% and #C20A8B as 100%.

0.0%	0.0% #FF7BFB	RGB 255 123 251	#FF7BFB
16.7%	16.7% #F464E9	RGB 244 100 233	#F464E9
33.3%	33.3% #EA4FD8	RGB 234 79 216	#EA4FD8
50.0%	50.0% #E03BC5	RGB 224 59 197	#E03BC5
66.7%	66.7% #D629B2	RGB 214 41 178	#D629B2
83.3%	83.3% #CC199E	RGB 204 25 158	#CC199E
100.0%	100.0% #C20A8B	RGB 194 10 139	#C20A8B

#FF7BFB #F464E9 #EA4FD8 #E03BC5 #D629B2 #CC199E #C20A8B

#FF7BFB - #E03BC5 - #C20A8B

CSS codes

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

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