#FF0007 - #FFB6B8 | 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 #FF0007 to #FFB6B8

#FF0007 #FFB6B8

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

#FF0007 - #FFB6B8 | 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 #FF0007 as 0% and #FFB6B8 as 100%.

0.0%	0.0% #FF0007	RGB 255 0 7	#FF0007
16.7%	16.7% #FF1E24	RGB 255 30 36	#FF1E24
33.3%	33.3% #FF3C42	RGB 255 60 66	#FF3C42
50.0%	50.0% #FF5B5F	RGB 255 91 95	#FF5B5F
66.7%	66.7% #FF797D	RGB 255 121 125	#FF797D
83.3%	83.3% #FF979A	RGB 255 151 154	#FF979A
100.0%	100.0% #FFB6B8	RGB 255 182 184	#FFB6B8

#FF0007 #FF1E24 #FF3C42 #FF5B5F #FF797D #FF979A #FFB6B8

#FF0007 - #FFB6B8

HSV Blend

#FF0007 - #FFB6B8 | 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 #FF0007 as 0% and #FFB6B8 as 100%.

0.0%	0.0% #FF0007	RGB 255 0 7	#FF0007
16.7%	16.7% #FF1E24	RGB 255 30 36	#FF1E24
33.3%	33.3% #FF3C41	RGB 255 60 65	#FF3C41
50.0%	50.0% #FF5B5F	RGB 255 91 95	#FF5B5F
66.7%	66.7% #FF797C	RGB 255 121 124	#FF797C
83.3%	83.3% #FF979A	RGB 255 151 154	#FF979A
100.0%	100.0% #FFB6B8	RGB 255 182 184	#FFB6B8

#FF0007 #FF1E24 #FF3C41 #FF5B5F #FF797C #FF979A #FFB6B8

#FF0007 - #FF5B5F - #FFB6B8

CSS codes

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

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