#FF2E6C - #FF9F7D | 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 #FF2E6C to #FF9F7D

#FF2E6C #FF9F7D

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

#FF2E6C - #FF9F7D | 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 #FF2E6C as 0% and #FF9F7D as 100%.

0.0%	0.0% #FF2E6C	RGB 255 46 108	#FF2E6C
16.7%	16.7% #FF406E	RGB 255 64 110	#FF406E
33.3%	33.3% #FF5371	RGB 255 83 113	#FF5371
50.0%	50.0% #FF6674	RGB 255 102 116	#FF6674
66.7%	66.7% #FF7977	RGB 255 121 119	#FF7977
83.3%	83.3% #FF8C7A	RGB 255 140 122	#FF8C7A
100.0%	100.0% #FF9F7D	RGB 255 159 125	#FF9F7D

#FF2E6C #FF406E #FF5371 #FF6674 #FF7977 #FF8C7A #FF9F7D

#FF2E6C - #FF9F7D

HSV Blend

#FF2E6C - #FF9F7D | 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 #FF2E6C as 0% and #FF9F7D as 100%.

0.0%	0.0% #FF2D6C	RGB 255 45 108	#FF2D6C
16.7%	16.7% #FF3B63	RGB 255 59 99	#FF3B63
33.3%	33.3% #FF485C	RGB 255 72 92	#FF485C
50.0%	50.0% #FF5558	RGB 255 85 88	#FF5558
66.7%	66.7% #FF6E62	RGB 255 110 98	#FF6E62
83.3%	83.3% #FF876F	RGB 255 135 111	#FF876F
100.0%	100.0% #FF9F7D	RGB 255 159 125	#FF9F7D

#FF2D6C #FF3B63 #FF485C #FF5558 #FF6E62 #FF876F #FF9F7D

#FF2E6C - #FF5558 - #FF9F7D

CSS codes

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

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