#FF49B5 - #FF9997 | 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 #FF49B5 to #FF9997

#FF49B5 #FF9997

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

#FF49B5 - #FF9997 | 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 #FF49B5 as 0% and #FF9997 as 100%.

0.0%	0.0% #FF49B5	RGB 255 73 181	#FF49B5
16.7%	16.7% #FF56B0	RGB 255 86 176	#FF56B0
33.3%	33.3% #FF63AB	RGB 255 99 171	#FF63AB
50.0%	50.0% #FF71A6	RGB 255 113 166	#FF71A6
66.7%	66.7% #FF7EA1	RGB 255 126 161	#FF7EA1
83.3%	83.3% #FF8B9C	RGB 255 139 156	#FF8B9C
100.0%	100.0% #FF9997	RGB 255 153 151	#FF9997

#FF49B5 #FF56B0 #FF63AB #FF71A6 #FF7EA1 #FF8B9C #FF9997

#FF49B5 - #FF9997

HSV Blend

#FF49B5 - #FF9997 | 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 #FF49B5 as 0% and #FF9997 as 100%.

0.0%	0.0% #FF49B5	RGB 255 73 181	#FF49B5
16.7%	16.7% #FF56A9	RGB 255 86 169	#FF56A9
33.3%	33.3% #FF639F	RGB 255 99 159	#FF639F
50.0%	50.0% #FF7099	RGB 255 112 153	#FF7099
66.7%	66.7% #FF7D95	RGB 255 125 149	#FF7D95
83.3%	83.3% #FF8A93	RGB 255 138 147	#FF8A93
100.0%	100.0% #FF9997	RGB 255 153 151	#FF9997

#FF49B5 #FF56A9 #FF639F #FF7099 #FF7D95 #FF8A93 #FF9997

#FF49B5 - #FF7099 - #FF9997

CSS codes

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

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