#FF28AA - #97005B | 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 #FF28AA to #97005B

#FF28AA #97005B

Calculate the color between two colors, #FF28AA and #97005B. 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)

#FF28AA - #97005B | 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 #FF28AA as 0% and #97005B as 100%.

0.0%	0.0% #FF28AA	RGB 255 40 170	#FF28AA
16.7%	16.7% #ED219C	RGB 237 33 156	#ED219C
33.3%	33.3% #DC1A8F	RGB 220 26 143	#DC1A8F
50.0%	50.0% #CB1482	RGB 203 20 130	#CB1482
66.7%	66.7% #B90D75	RGB 185 13 117	#B90D75
83.3%	83.3% #A80668	RGB 168 6 104	#A80668
100.0%	100.0% #97005B	RGB 151 0 91	#97005B

#FF28AA #ED219C #DC1A8F #CB1482 #B90D75 #A80668 #97005B

#FF28AA - #97005B

HSV Blend

#FF28AA - #97005B | 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 #FF28AA as 0% and #97005B as 100%.

0.0%	0.0% #FF27A9	RGB 255 39 169	#FF27A9
16.7%	16.7% #ED1F9B	RGB 237 31 155	#ED1F9B
33.3%	33.3% #DC178E	RGB 220 23 142	#DC178E
50.0%	50.0% #CB0F80	RGB 203 15 128	#CB0F80
66.7%	66.7% #B90973	RGB 185 9 115	#B90973
83.3%	83.3% #A80467	RGB 168 4 103	#A80467
100.0%	100.0% #97005B	RGB 151 0 91	#97005B

#FF27A9 #ED1F9B #DC178E #CB0F80 #B90973 #A80467 #97005B

#FF28AA - #CB0F80 - #97005B

CSS codes

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

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