#FF9EA9 - #CF3F5A | 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 #FF9EA9 to #CF3F5A

#FF9EA9 #CF3F5A

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

#FF9EA9 - #CF3F5A | 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 #FF9EA9 as 0% and #CF3F5A as 100%.

0.0%	0.0% #FF9EA9	RGB 255 158 169	#FF9EA9
16.7%	16.7% #F78E9B	RGB 247 142 155	#F78E9B
33.3%	33.3% #EF7E8E	RGB 239 126 142	#EF7E8E
50.0%	50.0% #E76E81	RGB 231 110 129	#E76E81
66.7%	66.7% #DF5E74	RGB 223 94 116	#DF5E74
83.3%	83.3% #D74E67	RGB 215 78 103	#D74E67
100.0%	100.0% #CF3F5A	RGB 207 63 90	#CF3F5A

#FF9EA9 #F78E9B #EF7E8E #E76E81 #DF5E74 #D74E67 #CF3F5A

#FF9EA9 - #CF3F5A

HSV Blend

#FF9EA9 - #CF3F5A | 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 #FF9EA9 as 0% and #CF3F5A as 100%.

0.0%	0.0% #FF9EA9	RGB 255 158 169	#FF9EA9
16.7%	16.7% #F78C99	RGB 247 140 153	#F78C99
33.3%	33.3% #EF7A8A	RGB 239 122 138	#EF7A8A
50.0%	50.0% #E76A7D	RGB 231 106 125	#E76A7D
66.7%	66.7% #DF5B70	RGB 223 91 112	#DF5B70
83.3%	83.3% #D74C64	RGB 215 76 100	#D74C64
100.0%	100.0% #CF3F5A	RGB 207 63 90	#CF3F5A

#FF9EA9 #F78C99 #EF7A8A #E76A7D #DF5B70 #D74C64 #CF3F5A

#FF9EA9 - #E76A7D - #CF3F5A

CSS codes

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

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