#FF0004 - #FFB6B7 | 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 #FF0004 to #FFB6B7

#FF0004 #FFB6B7

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

#FF0004 - #FFB6B7 | 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 #FF0004 as 0% and #FFB6B7 as 100%.

0.0%	0.0% #FF0004	RGB 255 0 4	#FF0004
16.7%	16.7% #FF1E21	RGB 255 30 33	#FF1E21
33.3%	33.3% #FF3C3F	RGB 255 60 63	#FF3C3F
50.0%	50.0% #FF5B5D	RGB 255 91 93	#FF5B5D
66.7%	66.7% #FF797B	RGB 255 121 123	#FF797B
83.3%	83.3% #FF9799	RGB 255 151 153	#FF9799
100.0%	100.0% #FFB6B7	RGB 255 182 183	#FFB6B7

#FF0004 #FF1E21 #FF3C3F #FF5B5D #FF797B #FF9799 #FFB6B7

#FF0004 - #FFB6B7

HSV Blend

#FF0004 - #FFB6B7 | 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 #FF0004 as 0% and #FFB6B7 as 100%.

0.0%	0.0% #FF0003	RGB 255 0 3	#FF0003
16.7%	16.7% #FF1E21	RGB 255 30 33	#FF1E21
33.3%	33.3% #FF3C3F	RGB 255 60 63	#FF3C3F
50.0%	50.0% #FF5B5D	RGB 255 91 93	#FF5B5D
66.7%	66.7% #FF797B	RGB 255 121 123	#FF797B
83.3%	83.3% #FF9799	RGB 255 151 153	#FF9799
100.0%	100.0% #FFB6B7	RGB 255 182 183	#FFB6B7

#FF0003 #FF1E21 #FF3C3F #FF5B5D #FF797B #FF9799 #FFB6B7

#FF0004 - #FF5B5D - #FFB6B7

CSS codes

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

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