#FF012F - #700017 | 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 #FF012F to #700017

#FF012F #700017

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

#FF012F - #700017 | 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 #FF012F as 0% and #700017 as 100%.

0.0%	0.0% #FF012F	RGB 255 1 47	#FF012F
16.7%	16.7% #E7002B	RGB 231 0 43	#E7002B
33.3%	33.3% #CF0027	RGB 207 0 39	#CF0027
50.0%	50.0% #B70023	RGB 183 0 35	#B70023
66.7%	66.7% #9F001F	RGB 159 0 31	#9F001F
83.3%	83.3% #87001B	RGB 135 0 27	#87001B
100.0%	100.0% #700017	RGB 112 0 23	#700017

#FF012F #E7002B #CF0027 #B70023 #9F001F #87001B #700017

#FF012F - #700017

HSV Blend

#FF012F - #700017 | 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 #FF012F as 0% and #700017 as 100%.

0.0%	0.0% #FF002F	RGB 255 0 47	#FF002F
16.7%	16.7% #E7002B	RGB 231 0 43	#E7002B
33.3%	33.3% #CF0027	RGB 207 0 39	#CF0027
50.0%	50.0% #B70023	RGB 183 0 35	#B70023
66.7%	66.7% #9F001F	RGB 159 0 31	#9F001F
83.3%	83.3% #87001B	RGB 135 0 27	#87001B
100.0%	100.0% #700017	RGB 112 0 23	#700017

#FF002F #E7002B #CF0027 #B70023 #9F001F #87001B #700017

#FF012F - #B70023 - #700017

CSS codes

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

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