#FF296A - #97002E | 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 #FF296A to #97002E

#FF296A #97002E

Calculate the color between two colors, #FF296A and #97002E. 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)

#FF296A - #97002E | 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 #FF296A as 0% and #97002E as 100%.

0.0%	0.0% #FF296A	RGB 255 41 106	#FF296A
16.7%	16.7% #ED2260	RGB 237 34 96	#ED2260
33.3%	33.3% #DC1B56	RGB 220 27 86	#DC1B56
50.0%	50.0% #CB144C	RGB 203 20 76	#CB144C
66.7%	66.7% #B90D42	RGB 185 13 66	#B90D42
83.3%	83.3% #A80638	RGB 168 6 56	#A80638
100.0%	100.0% #97002E	RGB 151 0 46	#97002E

#FF296A #ED2260 #DC1B56 #CB144C #B90D42 #A80638 #97002E

#FF296A - #97002E

HSV Blend

#FF296A - #97002E | 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 #FF296A as 0% and #97002E as 100%.

0.0%	0.0% #FF286A	RGB 255 40 106	#FF286A
16.7%	16.7% #ED1F5E	RGB 237 31 94	#ED1F5E
33.3%	33.3% #DC1753	RGB 220 23 83	#DC1753
50.0%	50.0% #CB1049	RGB 203 16 73	#CB1049
66.7%	66.7% #B9093F	RGB 185 9 63	#B9093F
83.3%	83.3% #A80436	RGB 168 4 54	#A80436
100.0%	100.0% #97002E	RGB 151 0 46	#97002E

#FF286A #ED1F5E #DC1753 #CB1049 #B9093F #A80436 #97002E

#FF296A - #CB1049 - #97002E

CSS codes

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

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