#FF2F8C - #FFABAA | 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 #FF2F8C to #FFABAA

#FF2F8C #FFABAA

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

#FF2F8C - #FFABAA | 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 #FF2F8C as 0% and #FFABAA as 100%.

0.0%	0.0% #FF2F8C	RGB 255 47 140	#FF2F8C
16.7%	16.7% #FF4391	RGB 255 67 145	#FF4391
33.3%	33.3% #FF5896	RGB 255 88 150	#FF5896
50.0%	50.0% #FF6D9B	RGB 255 109 155	#FF6D9B
66.7%	66.7% #FF81A0	RGB 255 129 160	#FF81A0
83.3%	83.3% #FF96A5	RGB 255 150 165	#FF96A5
100.0%	100.0% #FFABAA	RGB 255 171 170	#FFABAA

#FF2F8C #FF4391 #FF5896 #FF6D9B #FF81A0 #FF96A5 #FFABAA

#FF2F8C - #FFABAA

HSV Blend

#FF2F8C - #FFABAA | 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 #FF2F8C as 0% and #FFABAA as 100%.

0.0%	0.0% #FF2E8B	RGB 255 46 139	#FF2E8B
16.7%	16.7% #FF4388	RGB 255 67 136	#FF4388
33.3%	33.3% #FF5789	RGB 255 87 137	#FF5789
50.0%	50.0% #FF6C8C	RGB 255 108 140	#FF6C8C
66.7%	66.7% #FF8192	RGB 255 129 146	#FF8192
83.3%	83.3% #FF959C	RGB 255 149 156	#FF959C
100.0%	100.0% #FFABAA	RGB 255 171 170	#FFABAA

#FF2E8B #FF4388 #FF5789 #FF6C8C #FF8192 #FF959C #FFABAA

#FF2F8C - #FF6C8C - #FFABAA

CSS codes

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

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