#FF96B8 - #D02D6B | 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 #FF96B8 to #D02D6B

#FF96B8 #D02D6B

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

#FF96B8 - #D02D6B | 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 #FF96B8 as 0% and #D02D6B as 100%.

0.0%	0.0% #FF96B8	RGB 255 150 184	#FF96B8
16.7%	16.7% #F784AB	RGB 247 132 171	#F784AB
33.3%	33.3% #EF739E	RGB 239 115 158	#EF739E
50.0%	50.0% #E76191	RGB 231 97 145	#E76191
66.7%	66.7% #DF5084	RGB 223 80 132	#DF5084
83.3%	83.3% #D73E77	RGB 215 62 119	#D73E77
100.0%	100.0% #D02D6B	RGB 208 45 107	#D02D6B

#FF96B8 #F784AB #EF739E #E76191 #DF5084 #D73E77 #D02D6B

#FF96B8 - #D02D6B

HSV Blend

#FF96B8 - #D02D6B | 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 #FF96B8 as 0% and #D02D6B as 100%.

0.0%	0.0% #FF96B8	RGB 255 150 184	#FF96B8
16.7%	16.7% #F782A9	RGB 247 130 169	#F782A9
33.3%	33.3% #EF6F9B	RGB 239 111 155	#EF6F9B
50.0%	50.0% #E75D8D	RGB 231 93 141	#E75D8D
66.7%	66.7% #DF4C81	RGB 223 76 129	#DF4C81
83.3%	83.3% #D73C75	RGB 215 60 117	#D73C75
100.0%	100.0% #D02D6B	RGB 208 45 107	#D02D6B

#FF96B8 #F782A9 #EF6F9B #E75D8D #DF4C81 #D73C75 #D02D6B

#FF96B8 - #E75D8D - #D02D6B

CSS codes

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

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