#FF29B6 - #FF3154 | 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 #FF29B6 to #FF3154

#FF29B6 #FF3154

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

#FF29B6 - #FF3154 | 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 #FF29B6 as 0% and #FF3154 as 100%.

0.0%	0.0% #FF29B6	RGB 255 41 182	#FF29B6
16.7%	16.7% #FF2AA5	RGB 255 42 165	#FF2AA5
33.3%	33.3% #FF2B95	RGB 255 43 149	#FF2B95
50.0%	50.0% #FF2D85	RGB 255 45 133	#FF2D85
66.7%	66.7% #FF2E74	RGB 255 46 116	#FF2E74
83.3%	83.3% #FF2F64	RGB 255 47 100	#FF2F64
100.0%	100.0% #FF3154	RGB 255 49 84	#FF3154

#FF29B6 #FF2AA5 #FF2B95 #FF2D85 #FF2E74 #FF2F64 #FF3154

#FF29B6 - #FF3154

HSV Blend

#FF29B6 - #FF3154 | 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 #FF29B6 as 0% and #FF3154 as 100%.

0.0%	0.0% #FF28B6	RGB 255 40 182	#FF28B6
16.7%	16.7% #FF2AA5	RGB 255 42 165	#FF2AA5
33.3%	33.3% #FF2B94	RGB 255 43 148	#FF2B94
50.0%	50.0% #FF2D84	RGB 255 45 132	#FF2D84
66.7%	66.7% #FF2E73	RGB 255 46 115	#FF2E73
83.3%	83.3% #FF2F63	RGB 255 47 99	#FF2F63
100.0%	100.0% #FF3154	RGB 255 49 84	#FF3154

#FF28B6 #FF2AA5 #FF2B94 #FF2D84 #FF2E73 #FF2F63 #FF3154

#FF29B6 - #FF2D84 - #FF3154

CSS codes

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

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