#61213B - #BF5E59 | 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 #61213B to #BF5E59

#61213B #BF5E59

Calculate the color between two colors, #61213B and #BF5E59. 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)

#61213B - #BF5E59 | 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 #61213B as 0% and #BF5E59 as 100%.

0.0%	0.0% #61213B	RGB 97 33 59	#61213B
16.7%	16.7% #702B40	RGB 112 43 64	#702B40
33.3%	33.3% #803545	RGB 128 53 69	#803545
50.0%	50.0% #903F4A	RGB 144 63 74	#903F4A
66.7%	66.7% #9F494F	RGB 159 73 79	#9F494F
83.3%	83.3% #AF5354	RGB 175 83 84	#AF5354
100.0%	100.0% #BF5E59	RGB 191 94 89	#BF5E59

#61213B #702B40 #803545 #903F4A #9F494F #AF5354 #BF5E59

#61213B - #BF5E59

HSV Blend

#61213B - #BF5E59 | 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 #61213B as 0% and #BF5E59 as 100%.

0.0%	0.0% #61203A	RGB 97 32 58	#61203A
16.7%	16.7% #702840	RGB 112 40 64	#702840
33.3%	33.3% #803145	RGB 128 49 69	#803145
50.0%	50.0% #903A49	RGB 144 58 73	#903A49
66.7%	66.7% #9F434D	RGB 159 67 77	#9F434D
83.3%	83.3% #AF4E50	RGB 175 78 80	#AF4E50
100.0%	100.0% #BF5E59	RGB 191 94 89	#BF5E59

#61203A #702840 #803145 #903A49 #9F434D #AF4E50 #BF5E59

#61213B - #903A49 - #BF5E59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61203A 0%, #903A49 50%, #BF5E59 100%);
    background: -webkit-linear-gradient(top, #61203A 0%, #903A49 50%, #BF5E59 100%);
    background: linear-gradient(to bottom, #61203A 0%, #903A49 50%, #BF5E59 100%);
}
</style>