#FF6ABA - #DB228E | 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 #FF6ABA to #DB228E

#FF6ABA #DB228E

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

#FF6ABA - #DB228E | 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 #FF6ABA as 0% and #DB228E as 100%.

0.0%	0.0% #FF6ABA	RGB 255 106 186	#FF6ABA
16.7%	16.7% #F95EB2	RGB 249 94 178	#F95EB2
33.3%	33.3% #F352AB	RGB 243 82 171	#F352AB
50.0%	50.0% #ED46A4	RGB 237 70 164	#ED46A4
66.7%	66.7% #E73A9C	RGB 231 58 156	#E73A9C
83.3%	83.3% #E12E95	RGB 225 46 149	#E12E95
100.0%	100.0% #DB228E	RGB 219 34 142	#DB228E

#FF6ABA #F95EB2 #F352AB #ED46A4 #E73A9C #E12E95 #DB228E

#FF6ABA - #DB228E

HSV Blend

#FF6ABA - #DB228E | 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 #FF6ABA as 0% and #DB228E as 100%.

0.0%	0.0% #FF6ABA	RGB 255 106 186	#FF6ABA
16.7%	16.7% #F95CB1	RGB 249 92 177	#F95CB1
33.3%	33.3% #F34FAA	RGB 243 79 170	#F34FAA
50.0%	50.0% #ED43A2	RGB 237 67 162	#ED43A2
66.7%	66.7% #E7379B	RGB 231 55 155	#E7379B
83.3%	83.3% #E12C94	RGB 225 44 148	#E12C94
100.0%	100.0% #DB228E	RGB 219 34 142	#DB228E

#FF6ABA #F95CB1 #F34FAA #ED43A2 #E7379B #E12C94 #DB228E

#FF6ABA - #ED43A2 - #DB228E

CSS codes

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

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