#FF0312 - #FFB7BB | 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 #FF0312 to #FFB7BB

#FF0312 #FFB7BB

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

#FF0312 - #FFB7BB | 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 #FF0312 as 0% and #FFB7BB as 100%.

0.0%	0.0% #FF0312	RGB 255 3 18	#FF0312
16.7%	16.7% #FF212E	RGB 255 33 46	#FF212E
33.3%	33.3% #FF3F4A	RGB 255 63 74	#FF3F4A
50.0%	50.0% #FF5D66	RGB 255 93 102	#FF5D66
66.7%	66.7% #FF7B82	RGB 255 123 130	#FF7B82
83.3%	83.3% #FF999E	RGB 255 153 158	#FF999E
100.0%	100.0% #FFB7BB	RGB 255 183 187	#FFB7BB

#FF0312 #FF212E #FF3F4A #FF5D66 #FF7B82 #FF999E #FFB7BB

#FF0312 - #FFB7BB

HSV Blend

#FF0312 - #FFB7BB | 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 #FF0312 as 0% and #FFB7BB as 100%.

0.0%	0.0% #FF0212	RGB 255 2 18	#FF0212
16.7%	16.7% #FF202E	RGB 255 32 46	#FF202E
33.3%	33.3% #FF3E4A	RGB 255 62 74	#FF3E4A
50.0%	50.0% #FF5D66	RGB 255 93 102	#FF5D66
66.7%	66.7% #FF7B82	RGB 255 123 130	#FF7B82
83.3%	83.3% #FF999E	RGB 255 153 158	#FF999E
100.0%	100.0% #FFB7BB	RGB 255 183 187	#FFB7BB

#FF0212 #FF202E #FF3E4A #FF5D66 #FF7B82 #FF999E #FFB7BB

#FF0312 - #FF5D66 - #FFB7BB

CSS codes

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

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