#F148A8 - #A4005D | 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 #F148A8 to #A4005D

#F148A8 #A4005D

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

#F148A8 - #A4005D | 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 #F148A8 as 0% and #A4005D as 100%.

0.0%	0.0% #F148A8	RGB 241 72 168	#F148A8
16.7%	16.7% #E43C9B	RGB 228 60 155	#E43C9B
33.3%	33.3% #D7308F	RGB 215 48 143	#D7308F
50.0%	50.0% #CA2482	RGB 202 36 130	#CA2482
66.7%	66.7% #BD1876	RGB 189 24 118	#BD1876
83.3%	83.3% #B00C69	RGB 176 12 105	#B00C69
100.0%	100.0% #A4005D	RGB 164 0 93	#A4005D

#F148A8 #E43C9B #D7308F #CA2482 #BD1876 #B00C69 #A4005D

#F148A8 - #A4005D

HSV Blend

#F148A8 - #A4005D | 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 #F148A8 as 0% and #A4005D as 100%.

0.0%	0.0% #F148A7	RGB 241 72 167	#F148A7
16.7%	16.7% #E4389A	RGB 228 56 154	#E4389A
33.3%	33.3% #D72A8C	RGB 215 42 140	#D72A8C
50.0%	50.0% #CA1E80	RGB 202 30 128	#CA1E80
66.7%	66.7% #BD1273	RGB 189 18 115	#BD1273
83.3%	83.3% #B00868	RGB 176 8 104	#B00868
100.0%	100.0% #A4005D	RGB 164 0 93	#A4005D

#F148A7 #E4389A #D72A8C #CA1E80 #BD1273 #B00868 #A4005D

#F148A8 - #CA1E80 - #A4005D

CSS codes

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

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