#FF646C - #B5162B | 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 #FF646C to #B5162B

#FF646C #B5162B

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

#FF646C - #B5162B | 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 #FF646C as 0% and #B5162B as 100%.

0.0%	0.0% #FF646C	RGB 255 100 108	#FF646C
16.7%	16.7% #F25761	RGB 242 87 97	#F25761
33.3%	33.3% #E64A56	RGB 230 74 86	#E64A56
50.0%	50.0% #DA3D4B	RGB 218 61 75	#DA3D4B
66.7%	66.7% #CD3040	RGB 205 48 64	#CD3040
83.3%	83.3% #C12335	RGB 193 35 53	#C12335
100.0%	100.0% #B5162B	RGB 181 22 43	#B5162B

#FF646C #F25761 #E64A56 #DA3D4B #CD3040 #C12335 #B5162B

#FF646C - #B5162B

HSV Blend

#FF646C - #B5162B | 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 #FF646C as 0% and #B5162B as 100%.

0.0%	0.0% #FF646C	RGB 255 100 108	#FF646C
16.7%	16.7% #F2545E	RGB 242 84 94	#F2545E
33.3%	33.3% #E64552	RGB 230 69 82	#E64552
50.0%	50.0% #DA3746	RGB 218 55 70	#DA3746
66.7%	66.7% #CD2B3C	RGB 205 43 60	#CD2B3C
83.3%	83.3% #C12033	RGB 193 32 51	#C12033
100.0%	100.0% #B5162B	RGB 181 22 43	#B5162B

#FF646C #F2545E #E64552 #DA3746 #CD2B3C #C12033 #B5162B

#FF646C - #DA3746 - #B5162B

CSS codes

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

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