#FF8D9B - #C92F4E | 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 #FF8D9B to #C92F4E

#FF8D9B #C92F4E

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

#FF8D9B - #C92F4E | 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 #FF8D9B as 0% and #C92F4E as 100%.

0.0%	0.0% #FF8D9B	RGB 255 141 155	#FF8D9B
16.7%	16.7% #F67D8E	RGB 246 125 142	#F67D8E
33.3%	33.3% #ED6D81	RGB 237 109 129	#ED6D81
50.0%	50.0% #E45E74	RGB 228 94 116	#E45E74
66.7%	66.7% #DB4E67	RGB 219 78 103	#DB4E67
83.3%	83.3% #D23E5A	RGB 210 62 90	#D23E5A
100.0%	100.0% #C92F4E	RGB 201 47 78	#C92F4E

#FF8D9B #F67D8E #ED6D81 #E45E74 #DB4E67 #D23E5A #C92F4E

#FF8D9B - #C92F4E

HSV Blend

#FF8D9B - #C92F4E | 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 #FF8D9B as 0% and #C92F4E as 100%.

0.0%	0.0% #FF8D9A	RGB 255 141 154	#FF8D9A
16.7%	16.7% #F67A8B	RGB 246 122 139	#F67A8B
33.3%	33.3% #ED697D	RGB 237 105 125	#ED697D
50.0%	50.0% #E45970	RGB 228 89 112	#E45970
66.7%	66.7% #DB4A63	RGB 219 74 99	#DB4A63
83.3%	83.3% #D23C58	RGB 210 60 88	#D23C58
100.0%	100.0% #C92F4E	RGB 201 47 78	#C92F4E

#FF8D9A #F67A8B #ED697D #E45970 #DB4A63 #D23C58 #C92F4E

#FF8D9B - #E45970 - #C92F4E

CSS codes

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

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