#FF72A8 - #C4095C | 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 #FF72A8 to #C4095C

#FF72A8 #C4095C

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

#FF72A8 - #C4095C | 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 #FF72A8 as 0% and #C4095C as 100%.

0.0%	0.0% #FF72A8	RGB 255 114 168	#FF72A8
16.7%	16.7% #F5609B	RGB 245 96 155	#F5609B
33.3%	33.3% #EB4F8E	RGB 235 79 142	#EB4F8E
50.0%	50.0% #E13D82	RGB 225 61 130	#E13D82
66.7%	66.7% #D72C75	RGB 215 44 117	#D72C75
83.3%	83.3% #CD1A68	RGB 205 26 104	#CD1A68
100.0%	100.0% #C4095C	RGB 196 9 92	#C4095C

#FF72A8 #F5609B #EB4F8E #E13D82 #D72C75 #CD1A68 #C4095C

#FF72A8 - #C4095C

HSV Blend

#FF72A8 - #C4095C | 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 #FF72A8 as 0% and #C4095C as 100%.

0.0%	0.0% #FF72A8	RGB 255 114 168	#FF72A8
16.7%	16.7% #F55D98	RGB 245 93 152	#F55D98
33.3%	33.3% #EB498A	RGB 235 73 138	#EB498A
50.0%	50.0% #E1377D	RGB 225 55 125	#E1377D
66.7%	66.7% #D72671	RGB 215 38 113	#D72671
83.3%	83.3% #CD1766	RGB 205 23 102	#CD1766
100.0%	100.0% #C4095C	RGB 196 9 92	#C4095C

#FF72A8 #F55D98 #EB498A #E1377D #D72671 #CD1766 #C4095C

#FF72A8 - #E1377D - #C4095C

CSS codes

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

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