#FF00BC - #DB0DC9 | 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 #FF00BC to #DB0DC9

#FF00BC #DB0DC9

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

#FF00BC - #DB0DC9 | 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 #FF00BC as 0% and #DB0DC9 as 100%.

0.0%	0.0% #FF00BC	RGB 255 0 188	#FF00BC
16.7%	16.7% #F902BE	RGB 249 2 190	#F902BE
33.3%	33.3% #F304C0	RGB 243 4 192	#F304C0
50.0%	50.0% #ED06C2	RGB 237 6 194	#ED06C2
66.7%	66.7% #E708C4	RGB 231 8 196	#E708C4
83.3%	83.3% #E10AC6	RGB 225 10 198	#E10AC6
100.0%	100.0% #DB0DC9	RGB 219 13 201	#DB0DC9

#FF00BC #F902BE #F304C0 #ED06C2 #E708C4 #E10AC6 #DB0DC9

#FF00BC - #DB0DC9

HSV Blend

#FF00BC - #DB0DC9 | 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 #FF00BC as 0% and #DB0DC9 as 100%.

0.0%	0.0% #FF00BB	RGB 255 0 187	#FF00BB
16.7%	16.7% #F902BF	RGB 249 2 191	#F902BF
33.3%	33.3% #F304C2	RGB 243 4 194	#F304C2
50.0%	50.0% #ED07C4	RGB 237 7 196	#ED07C4
66.7%	66.7% #E709C6	RGB 231 9 198	#E709C6
83.3%	83.3% #E10BC8	RGB 225 11 200	#E10BC8
100.0%	100.0% #DB0DC9	RGB 219 13 201	#DB0DC9

#FF00BB #F902BF #F304C2 #ED07C4 #E709C6 #E10BC8 #DB0DC9

#FF00BC - #ED07C4 - #DB0DC9

CSS codes

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

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