#FF80D3 - #CD028E | 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 #FF80D3 to #CD028E

#FF80D3 #CD028E

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

#FF80D3 - #CD028E | 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 #FF80D3 as 0% and #CD028E as 100%.

0.0%	0.0% #FF80D3	RGB 255 128 211	#FF80D3
16.7%	16.7% #F66BC7	RGB 246 107 199	#F66BC7
33.3%	33.3% #EE56BC	RGB 238 86 188	#EE56BC
50.0%	50.0% #E641B0	RGB 230 65 176	#E641B0
66.7%	66.7% #DD2CA5	RGB 221 44 165	#DD2CA5
83.3%	83.3% #D51799	RGB 213 23 153	#D51799
100.0%	100.0% #CD028E	RGB 205 2 142	#CD028E

#FF80D3 #F66BC7 #EE56BC #E641B0 #DD2CA5 #D51799 #CD028E

#FF80D3 - #CD028E

HSV Blend

#FF80D3 - #CD028E | 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 #FF80D3 as 0% and #CD028E as 100%.

0.0%	0.0% #FF80D3	RGB 255 128 211	#FF80D3
16.7%	16.7% #F667C5	RGB 246 103 197	#F667C5
33.3%	33.3% #EE50B9	RGB 238 80 185	#EE50B9
50.0%	50.0% #E63AAD	RGB 230 58 173	#E63AAD
66.7%	66.7% #DD26A2	RGB 221 38 162	#DD26A2
83.3%	83.3% #D51398	RGB 213 19 152	#D51398
100.0%	100.0% #CD028E	RGB 205 2 142	#CD028E

#FF80D3 #F667C5 #EE50B9 #E63AAD #DD26A2 #D51398 #CD028E

#FF80D3 - #E63AAD - #CD028E

CSS codes

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

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