#FF70A8 - #C3065C | 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 #FF70A8 to #C3065C

#FF70A8 #C3065C

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

#FF70A8 - #C3065C | 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 #FF70A8 as 0% and #C3065C as 100%.

0.0%	0.0% #FF70A8	RGB 255 112 168	#FF70A8
16.7%	16.7% #F55E9B	RGB 245 94 155	#F55E9B
33.3%	33.3% #EB4C8E	RGB 235 76 142	#EB4C8E
50.0%	50.0% #E13B82	RGB 225 59 130	#E13B82
66.7%	66.7% #D72975	RGB 215 41 117	#D72975
83.3%	83.3% #CD1768	RGB 205 23 104	#CD1768
100.0%	100.0% #C3065C	RGB 195 6 92	#C3065C

#FF70A8 #F55E9B #EB4C8E #E13B82 #D72975 #CD1768 #C3065C

#FF70A8 - #C3065C

HSV Blend

#FF70A8 - #C3065C | 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 #FF70A8 as 0% and #C3065C as 100%.

0.0%	0.0% #FF70A7	RGB 255 112 167	#FF70A7
16.7%	16.7% #F55A98	RGB 245 90 152	#F55A98
33.3%	33.3% #EB478A	RGB 235 71 138	#EB478A
50.0%	50.0% #E1347D	RGB 225 52 125	#E1347D
66.7%	66.7% #D72371	RGB 215 35 113	#D72371
83.3%	83.3% #CD1466	RGB 205 20 102	#CD1466
100.0%	100.0% #C3065C	RGB 195 6 92	#C3065C

#FF70A7 #F55A98 #EB478A #E1347D #D72371 #CD1466 #C3065C

#FF70A8 - #E1347D - #C3065C

CSS codes

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

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