#FF1624 - #FFBCC0 | 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 #FF1624 to #FFBCC0

#FF1624 #FFBCC0

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

#FF1624 - #FFBCC0 | 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 #FF1624 as 0% and #FFBCC0 as 100%.

0.0%	0.0% #FF1624	RGB 255 22 36	#FF1624
16.7%	16.7% #FF313E	RGB 255 49 62	#FF313E
33.3%	33.3% #FF4D58	RGB 255 77 88	#FF4D58
50.0%	50.0% #FF6972	RGB 255 105 114	#FF6972
66.7%	66.7% #FF848C	RGB 255 132 140	#FF848C
83.3%	83.3% #FFA0A6	RGB 255 160 166	#FFA0A6
100.0%	100.0% #FFBCC0	RGB 255 188 192	#FFBCC0

#FF1624 #FF313E #FF4D58 #FF6972 #FF848C #FFA0A6 #FFBCC0

#FF1624 - #FFBCC0

HSV Blend

#FF1624 - #FFBCC0 | 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 #FF1624 as 0% and #FFBCC0 as 100%.

0.0%	0.0% #FF1523	RGB 255 21 35	#FF1523
16.7%	16.7% #FF313D	RGB 255 49 61	#FF313D
33.3%	33.3% #FF4D57	RGB 255 77 87	#FF4D57
50.0%	50.0% #FF6971	RGB 255 105 113	#FF6971
66.7%	66.7% #FF848B	RGB 255 132 139	#FF848B
83.3%	83.3% #FFA0A5	RGB 255 160 165	#FFA0A5
100.0%	100.0% #FFBCC0	RGB 255 188 192	#FFBCC0

#FF1523 #FF313D #FF4D57 #FF6971 #FF848B #FFA0A5 #FFBCC0

#FF1624 - #FF6971 - #FFBCC0

CSS codes

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

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