#FF8F9F - #CB2F51 | 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 #FF8F9F to #CB2F51

#FF8F9F #CB2F51

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

#FF8F9F - #CB2F51 | 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 #FF8F9F as 0% and #CB2F51 as 100%.

0.0%	0.0% #FF8F9F	RGB 255 143 159	#FF8F9F
16.7%	16.7% #F67F92	RGB 246 127 146	#F67F92
33.3%	33.3% #ED6F85	RGB 237 111 133	#ED6F85
50.0%	50.0% #E55F78	RGB 229 95 120	#E55F78
66.7%	66.7% #DC4F6B	RGB 220 79 107	#DC4F6B
83.3%	83.3% #D33F5E	RGB 211 63 94	#D33F5E
100.0%	100.0% #CB2F51	RGB 203 47 81	#CB2F51

#FF8F9F #F67F92 #ED6F85 #E55F78 #DC4F6B #D33F5E #CB2F51

#FF8F9F - #CB2F51

HSV Blend

#FF8F9F - #CB2F51 | 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 #FF8F9F as 0% and #CB2F51 as 100%.

0.0%	0.0% #FF8F9F	RGB 255 143 159	#FF8F9F
16.7%	16.7% #F67C8F	RGB 246 124 143	#F67C8F
33.3%	33.3% #ED6B81	RGB 237 107 129	#ED6B81
50.0%	50.0% #E55A73	RGB 229 90 115	#E55A73
66.7%	66.7% #DC4B67	RGB 220 75 103	#DC4B67
83.3%	83.3% #D33C5B	RGB 211 60 91	#D33C5B
100.0%	100.0% #CB2F51	RGB 203 47 81	#CB2F51

#FF8F9F #F67C8F #ED6B81 #E55A73 #DC4B67 #D33C5B #CB2F51

#FF8F9F - #E55A73 - #CB2F51

CSS codes

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

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