#F8B6B6 - #EB6160 | 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 #F8B6B6 to #EB6160

#F8B6B6 #EB6160

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

#F8B6B6 - #EB6160 | 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 #F8B6B6 as 0% and #EB6160 as 100%.

0.0%	0.0% #F8B6B6	RGB 248 182 182	#F8B6B6
16.7%	16.7% #F5A7A7	RGB 245 167 167	#F5A7A7
33.3%	33.3% #F39999	RGB 243 153 153	#F39999
50.0%	50.0% #F18B8B	RGB 241 139 139	#F18B8B
66.7%	66.7% #EF7D7C	RGB 239 125 124	#EF7D7C
83.3%	83.3% #ED6F6E	RGB 237 111 110	#ED6F6E
100.0%	100.0% #EB6160	RGB 235 97 96	#EB6160

#F8B6B6 #F5A7A7 #F39999 #F18B8B #EF7D7C #ED6F6E #EB6160

#F8B6B6 - #EB6160

HSV Blend

#F8B6B6 - #EB6160 | 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 #F8B6B6 as 0% and #EB6160 as 100%.

0.0%	0.0% #F8B6B6	RGB 248 182 182	#F8B6B6
16.7%	16.7% #F5A7A7	RGB 245 167 167	#F5A7A7
33.3%	33.3% #F39898	RGB 243 152 152	#F39898
50.0%	50.0% #F18A89	RGB 241 138 137	#F18A89
66.7%	66.7% #EF7C7B	RGB 239 124 123	#EF7C7B
83.3%	83.3% #ED6E6D	RGB 237 110 109	#ED6E6D
100.0%	100.0% #EB6160	RGB 235 97 96	#EB6160

#F8B6B6 #F5A7A7 #F39898 #F18A89 #EF7C7B #ED6E6D #EB6160

#F8B6B6 - #F18A89 - #EB6160

CSS codes

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

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