#FF296A - #FF9A7B | 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 #FF9A7B

#FF296A #FF9A7B

Calculate the color between two colors, #FF296A and #FF9A7B. 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 - #FF9A7B | 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 #FF9A7B as 100%.

0.0%	0.0% #FF296A	RGB 255 41 106	#FF296A
16.7%	16.7% #FF3B6C	RGB 255 59 108	#FF3B6C
33.3%	33.3% #FF4E6F	RGB 255 78 111	#FF4E6F
50.0%	50.0% #FF6172	RGB 255 97 114	#FF6172
66.7%	66.7% #FF7475	RGB 255 116 117	#FF7475
83.3%	83.3% #FF8778	RGB 255 135 120	#FF8778
100.0%	100.0% #FF9A7B	RGB 255 154 123	#FF9A7B

#FF296A #FF3B6C #FF4E6F #FF6172 #FF7475 #FF8778 #FF9A7B

#FF296A - #FF9A7B

HSV Blend

#FF296A - #FF9A7B | 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 #FF9A7B as 100%.

0.0%	0.0% #FF286A	RGB 255 40 106	#FF286A
16.7%	16.7% #FF3661	RGB 255 54 97	#FF3661
33.3%	33.3% #FF445B	RGB 255 68 91	#FF445B
50.0%	50.0% #FF5157	RGB 255 81 87	#FF5157
66.7%	66.7% #FF685F	RGB 255 104 95	#FF685F
83.3%	83.3% #FF826D	RGB 255 130 109	#FF826D
100.0%	100.0% #FF9A7B	RGB 255 154 123	#FF9A7B

#FF286A #FF3661 #FF445B #FF5157 #FF685F #FF826D #FF9A7B

#FF296A - #FF5157 - #FF9A7B

CSS codes

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

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