#5E2442 - #BF6564 | 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 #5E2442 to #BF6564

#5E2442 #BF6564

Calculate the color between two colors, #5E2442 and #BF6564. 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)

#5E2442 - #BF6564 | 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 #5E2442 as 0% and #BF6564 as 100%.

0.0%	0.0% #5E2442	RGB 94 36 66	#5E2442
16.7%	16.7% #6E2E47	RGB 110 46 71	#6E2E47
33.3%	33.3% #7E394D	RGB 126 57 77	#7E394D
50.0%	50.0% #8E4453	RGB 142 68 83	#8E4453
66.7%	66.7% #9E4F58	RGB 158 79 88	#9E4F58
83.3%	83.3% #AE5A5E	RGB 174 90 94	#AE5A5E
100.0%	100.0% #BF6564	RGB 191 101 100	#BF6564

#5E2442 #6E2E47 #7E394D #8E4453 #9E4F58 #AE5A5E #BF6564

#5E2442 - #BF6564

HSV Blend

#5E2442 - #BF6564 | 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 #5E2442 as 0% and #BF6564 as 100%.

0.0%	0.0% #5E2442	RGB 94 36 66	#5E2442
16.7%	16.7% #6E2C48	RGB 110 44 72	#6E2C48
33.3%	33.3% #7E364E	RGB 126 54 78	#7E364E
50.0%	50.0% #8E4054	RGB 142 64 84	#8E4054
66.7%	66.7% #9E4B59	RGB 158 75 89	#9E4B59
83.3%	83.3% #AE575E	RGB 174 87 94	#AE575E
100.0%	100.0% #BF6564	RGB 191 101 100	#BF6564

#5E2442 #6E2C48 #7E364E #8E4054 #9E4B59 #AE575E #BF6564

#5E2442 - #8E4054 - #BF6564

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2442 0%, #8E4054 50%, #BF6564 100%);
    background: -webkit-linear-gradient(top, #5E2442 0%, #8E4054 50%, #BF6564 100%);
    background: linear-gradient(to bottom, #5E2442 0%, #8E4054 50%, #BF6564 100%);
}
</style>