#FF008F - #DB0DA5 | 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 #FF008F to #DB0DA5

#FF008F #DB0DA5

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

#FF008F - #DB0DA5 | 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 #FF008F as 0% and #DB0DA5 as 100%.

0.0%	0.0% #FF008F	RGB 255 0 143	#FF008F
16.7%	16.7% #F90292	RGB 249 2 146	#F90292
33.3%	33.3% #F30496	RGB 243 4 150	#F30496
50.0%	50.0% #ED069A	RGB 237 6 154	#ED069A
66.7%	66.7% #E7089D	RGB 231 8 157	#E7089D
83.3%	83.3% #E10AA1	RGB 225 10 161	#E10AA1
100.0%	100.0% #DB0DA5	RGB 219 13 165	#DB0DA5

#FF008F #F90292 #F30496 #ED069A #E7089D #E10AA1 #DB0DA5

#FF008F - #DB0DA5

HSV Blend

#FF008F - #DB0DA5 | 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 #FF008F as 0% and #DB0DA5 as 100%.

0.0%	0.0% #FF008F	RGB 255 0 143	#FF008F
16.7%	16.7% #F90293	RGB 249 2 147	#F90293
33.3%	33.3% #F30498	RGB 243 4 152	#F30498
50.0%	50.0% #ED079C	RGB 237 7 156	#ED079C
66.7%	66.7% #E7099F	RGB 231 9 159	#E7099F
83.3%	83.3% #E10BA2	RGB 225 11 162	#E10BA2
100.0%	100.0% #DB0DA5	RGB 219 13 165	#DB0DA5

#FF008F #F90293 #F30498 #ED079C #E7099F #E10BA2 #DB0DA5

#FF008F - #ED079C - #DB0DA5

CSS codes

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

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