#FF96D3 - #D3208C | 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 #FF96D3 to #D3208C

#FF96D3 #D3208C

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

#FF96D3 - #D3208C | 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 #FF96D3 as 0% and #D3208C as 100%.

0.0%	0.0% #FF96D3	RGB 255 150 211	#FF96D3
16.7%	16.7% #F782C7	RGB 247 130 199	#F782C7
33.3%	33.3% #F06EBB	RGB 240 110 187	#F06EBB
50.0%	50.0% #E95BAF	RGB 233 91 175	#E95BAF
66.7%	66.7% #E147A3	RGB 225 71 163	#E147A3
83.3%	83.3% #DA3397	RGB 218 51 151	#DA3397
100.0%	100.0% #D3208C	RGB 211 32 140	#D3208C

#FF96D3 #F782C7 #F06EBB #E95BAF #E147A3 #DA3397 #D3208C

#FF96D3 - #D3208C

HSV Blend

#FF96D3 - #D3208C | 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 #FF96D3 as 0% and #D3208C as 100%.

0.0%	0.0% #FF96D3	RGB 255 150 211	#FF96D3
16.7%	16.7% #F77FC5	RGB 247 127 197	#F77FC5
33.3%	33.3% #F06AB9	RGB 240 106 185	#F06AB9
50.0%	50.0% #E956AD	RGB 233 86 173	#E956AD
66.7%	66.7% #E143A1	RGB 225 67 161	#E143A1
83.3%	83.3% #DA3096	RGB 218 48 150	#DA3096
100.0%	100.0% #D3208C	RGB 211 32 140	#D3208C

#FF96D3 #F77FC5 #F06AB9 #E956AD #E143A1 #DA3096 #D3208C

#FF96D3 - #E956AD - #D3208C

CSS codes

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

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