#B71D5E - #FF6F72 | 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 #B71D5E to #FF6F72

#B71D5E #FF6F72

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

#B71D5E - #FF6F72 | 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 #B71D5E as 0% and #FF6F72 as 100%.

0.0%	0.0% #B71D5E	RGB 183 29 94	#B71D5E
16.7%	16.7% #C32A61	RGB 195 42 97	#C32A61
33.3%	33.3% #CF3864	RGB 207 56 100	#CF3864
50.0%	50.0% #DB4668	RGB 219 70 104	#DB4668
66.7%	66.7% #E7536B	RGB 231 83 107	#E7536B
83.3%	83.3% #F3616E	RGB 243 97 110	#F3616E
100.0%	100.0% #FF6F72	RGB 255 111 114	#FF6F72

#B71D5E #C32A61 #CF3864 #DB4668 #E7536B #F3616E #FF6F72

#B71D5E - #FF6F72

HSV Blend

#B71D5E - #FF6F72 | 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 #B71D5E as 0% and #FF6F72 as 100%.

0.0%	0.0% #B71D5D	RGB 183 29 93	#B71D5D
16.7%	16.7% #C3275E	RGB 195 39 94	#C3275E
33.3%	33.3% #CF3360	RGB 207 51 96	#CF3360
50.0%	50.0% #DB4163	RGB 219 65 99	#DB4163
66.7%	66.7% #E74F66	RGB 231 79 102	#E74F66
83.3%	83.3% #F35E6B	RGB 243 94 107	#F35E6B
100.0%	100.0% #FF6F72	RGB 255 111 114	#FF6F72

#B71D5D #C3275E #CF3360 #DB4163 #E74F66 #F35E6B #FF6F72

#B71D5E - #DB4163 - #FF6F72

CSS codes

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

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