#FF7FD3 - #CD018E | 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 #FF7FD3 to #CD018E

#FF7FD3 #CD018E

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

#FF7FD3 - #CD018E | 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 #FF7FD3 as 0% and #CD018E as 100%.

0.0%	0.0% #FF7FD3	RGB 255 127 211	#FF7FD3
16.7%	16.7% #F66AC7	RGB 246 106 199	#F66AC7
33.3%	33.3% #EE55BC	RGB 238 85 188	#EE55BC
50.0%	50.0% #E640B0	RGB 230 64 176	#E640B0
66.7%	66.7% #DD2BA5	RGB 221 43 165	#DD2BA5
83.3%	83.3% #D51699	RGB 213 22 153	#D51699
100.0%	100.0% #CD018E	RGB 205 1 142	#CD018E

#FF7FD3 #F66AC7 #EE55BC #E640B0 #DD2BA5 #D51699 #CD018E

#FF7FD3 - #CD018E

HSV Blend

#FF7FD3 - #CD018E | 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 #FF7FD3 as 0% and #CD018E as 100%.

0.0%	0.0% #FF7FD3	RGB 255 127 211	#FF7FD3
16.7%	16.7% #F666C5	RGB 246 102 197	#F666C5
33.3%	33.3% #EE4FB9	RGB 238 79 185	#EE4FB9
50.0%	50.0% #E639AD	RGB 230 57 173	#E639AD
66.7%	66.7% #DD25A2	RGB 221 37 162	#DD25A2
83.3%	83.3% #D51298	RGB 213 18 152	#D51298
100.0%	100.0% #CD018E	RGB 205 1 142	#CD018E

#FF7FD3 #F666C5 #EE4FB9 #E639AD #DD25A2 #D51298 #CD018E

#FF7FD3 - #E639AD - #CD018E

CSS codes

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

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