#FF00C7 - #70005A | 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 #FF00C7 to #70005A

#FF00C7 #70005A

Calculate the color between two colors, #FF00C7 and #70005A. 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)

#FF00C7 - #70005A | 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 #FF00C7 as 0% and #70005A as 100%.

0.0%	0.0% #FF00C7	RGB 255 0 199	#FF00C7
16.7%	16.7% #E700B4	RGB 231 0 180	#E700B4
33.3%	33.3% #CF00A2	RGB 207 0 162	#CF00A2
50.0%	50.0% #B70090	RGB 183 0 144	#B70090
66.7%	66.7% #9F007E	RGB 159 0 126	#9F007E
83.3%	83.3% #87006C	RGB 135 0 108	#87006C
100.0%	100.0% #70005A	RGB 112 0 90	#70005A

#FF00C7 #E700B4 #CF00A2 #B70090 #9F007E #87006C #70005A

#FF00C7 - #70005A

HSV Blend

#FF00C7 - #70005A | 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 #FF00C7 as 0% and #70005A as 100%.

0.0%	0.0% #FF00C7	RGB 255 0 199	#FF00C7
16.7%	16.7% #E700B5	RGB 231 0 181	#E700B5
33.3%	33.3% #CF00A3	RGB 207 0 163	#CF00A3
50.0%	50.0% #B70091	RGB 183 0 145	#B70091
66.7%	66.7% #9F007F	RGB 159 0 127	#9F007F
83.3%	83.3% #87006C	RGB 135 0 108	#87006C
100.0%	100.0% #70005A	RGB 112 0 90	#70005A

#FF00C7 #E700B5 #CF00A3 #B70091 #9F007F #87006C #70005A

#FF00C7 - #B70091 - #70005A

CSS codes

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

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