#5D314D - #C67874 | 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 #5D314D to #C67874

#5D314D #C67874

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

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

0.0%	0.0% #5D314D	RGB 93 49 77	#5D314D
16.7%	16.7% #6E3C53	RGB 110 60 83	#6E3C53
33.3%	33.3% #80485A	RGB 128 72 90	#80485A
50.0%	50.0% #915460	RGB 145 84 96	#915460
66.7%	66.7% #A36067	RGB 163 96 103	#A36067
83.3%	83.3% #B46C6D	RGB 180 108 109	#B46C6D
100.0%	100.0% #C67874	RGB 198 120 116	#C67874

#5D314D #6E3C53 #80485A #915460 #A36067 #B46C6D #C67874

#5D314D - #C67874

HSV Blend

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

0.0%	0.0% #5D314D	RGB 93 49 77	#5D314D
16.7%	16.7% #6E3B56	RGB 110 59 86	#6E3B56
33.3%	33.3% #80455D	RGB 128 69 93	#80455D
50.0%	50.0% #915063	RGB 145 80 99	#915063
66.7%	66.7% #A35C68	RGB 163 92 104	#A35C68
83.3%	83.3% #B4676C	RGB 180 103 108	#B4676C
100.0%	100.0% #C67874	RGB 198 120 116	#C67874

#5D314D #6E3B56 #80455D #915063 #A35C68 #B4676C #C67874

#5D314D - #915063 - #C67874

CSS codes

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

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