#F8001B - #FDB6BD | 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 #F8001B to #FDB6BD

#F8001B #FDB6BD

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

#F8001B - #FDB6BD | 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 #F8001B as 0% and #FDB6BD as 100%.

0.0%	0.0% #F8001B	RGB 248 0 27	#F8001B
16.7%	16.7% #F81E36	RGB 248 30 54	#F81E36
33.3%	33.3% #F93C51	RGB 249 60 81	#F93C51
50.0%	50.0% #FA5B6C	RGB 250 91 108	#FA5B6C
66.7%	66.7% #FB7987	RGB 251 121 135	#FB7987
83.3%	83.3% #FC97A2	RGB 252 151 162	#FC97A2
100.0%	100.0% #FDB6BD	RGB 253 182 189	#FDB6BD

#F8001B #F81E36 #F93C51 #FA5B6C #FB7987 #FC97A2 #FDB6BD

#F8001B - #FDB6BD

HSV Blend

#F8001B - #FDB6BD | 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 #F8001B as 0% and #FDB6BD as 100%.

0.0%	0.0% #F8001A	RGB 248 0 26	#F8001A
16.7%	16.7% #F81D35	RGB 248 29 53	#F81D35
33.3%	33.3% #F93B4F	RGB 249 59 79	#F93B4F
50.0%	50.0% #FA5A6A	RGB 250 90 106	#FA5A6A
66.7%	66.7% #FB7885	RGB 251 120 133	#FB7885
83.3%	83.3% #FC97A1	RGB 252 151 161	#FC97A1
100.0%	100.0% #FDB6BD	RGB 253 182 189	#FDB6BD

#F8001A #F81D35 #F93B4F #FA5A6A #FB7885 #FC97A1 #FDB6BD

#F8001B - #FA5A6A - #FDB6BD

CSS codes

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

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