#FF8CBD - #C92D7C | 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 #FF8CBD to #C92D7C

#FF8CBD #C92D7C

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

#FF8CBD - #C92D7C | 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 #FF8CBD as 0% and #C92D7C as 100%.

0.0%	0.0% #FF8CBD	RGB 255 140 189	#FF8CBD
16.7%	16.7% #F67CB2	RGB 246 124 178	#F67CB2
33.3%	33.3% #ED6CA7	RGB 237 108 167	#ED6CA7
50.0%	50.0% #E45C9C	RGB 228 92 156	#E45C9C
66.7%	66.7% #DB4C91	RGB 219 76 145	#DB4C91
83.3%	83.3% #D23C86	RGB 210 60 134	#D23C86
100.0%	100.0% #C92D7C	RGB 201 45 124	#C92D7C

#FF8CBD #F67CB2 #ED6CA7 #E45C9C #DB4C91 #D23C86 #C92D7C

#FF8CBD - #C92D7C

HSV Blend

#FF8CBD - #C92D7C | 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 #FF8CBD as 0% and #C92D7C as 100%.

0.0%	0.0% #FF8CBC	RGB 255 140 188	#FF8CBC
16.7%	16.7% #F679B0	RGB 246 121 176	#F679B0
33.3%	33.3% #ED68A4	RGB 237 104 164	#ED68A4
50.0%	50.0% #E45899	RGB 228 88 153	#E45899
66.7%	66.7% #DB488E	RGB 219 72 142	#DB488E
83.3%	83.3% #D23A85	RGB 210 58 133	#D23A85
100.0%	100.0% #C92D7C	RGB 201 45 124	#C92D7C

#FF8CBC #F679B0 #ED68A4 #E45899 #DB488E #D23A85 #C92D7C

#FF8CBD - #E45899 - #C92D7C

CSS codes

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

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