#FF29B6 - #8D0568 | 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 #8D0568

#FF29B6 #8D0568

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

0.0%	0.0% #FF29B6	RGB 255 41 182	#FF29B6
16.7%	16.7% #EC23A9	RGB 236 35 169	#EC23A9
33.3%	33.3% #D91D9C	RGB 217 29 156	#D91D9C
50.0%	50.0% #C6178F	RGB 198 23 143	#C6178F
66.7%	66.7% #B31082	RGB 179 16 130	#B31082
83.3%	83.3% #A00B75	RGB 160 11 117	#A00B75
100.0%	100.0% #8D0568	RGB 141 5 104	#8D0568

#FF29B6 #EC23A9 #D91D9C #C6178F #B31082 #A00B75 #8D0568

#FF29B6 - #8D0568

HSV Blend

#FF29B6 - #8D0568 | 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 #8D0568 as 100%.

0.0%	0.0% #FF28B6	RGB 255 40 182	#FF28B6
16.7%	16.7% #EC21A9	RGB 236 33 169	#EC21A9
33.3%	33.3% #D9199C	RGB 217 25 156	#D9199C
50.0%	50.0% #C6138F	RGB 198 19 143	#C6138F
66.7%	66.7% #B30D82	RGB 179 13 130	#B30D82
83.3%	83.3% #A00975	RGB 160 9 117	#A00975
100.0%	100.0% #8D0568	RGB 141 5 104	#8D0568

#FF28B6 #EC21A9 #D9199C #C6138F #B30D82 #A00975 #8D0568

#FF29B6 - #C6138F - #8D0568

CSS codes

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

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