#671E5E - #C5668A | 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 #671E5E to #C5668A

#671E5E #C5668A

Calculate the color between two colors, #671E5E and #C5668A. 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)

#671E5E - #C5668A | 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 #671E5E as 0% and #C5668A as 100%.

0.0%	0.0% #671E5E	RGB 103 30 94	#671E5E
16.7%	16.7% #762A65	RGB 118 42 101	#762A65
33.3%	33.3% #86366C	RGB 134 54 108	#86366C
50.0%	50.0% #964274	RGB 150 66 116	#964274
66.7%	66.7% #A54E7B	RGB 165 78 123	#A54E7B
83.3%	83.3% #B55A82	RGB 181 90 130	#B55A82
100.0%	100.0% #C5668A	RGB 197 102 138	#C5668A

#671E5E #762A65 #86366C #964274 #A54E7B #B55A82 #C5668A

#671E5E - #C5668A

HSV Blend

#671E5E - #C5668A | 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 #671E5E as 0% and #C5668A as 100%.

0.0%	0.0% #671E5E	RGB 103 30 94	#671E5E
16.7%	16.7% #762766	RGB 118 39 102	#762766
33.3%	33.3% #86316D	RGB 134 49 109	#86316D
50.0%	50.0% #963C74	RGB 150 60 116	#963C74
66.7%	66.7% #A5497B	RGB 165 73 123	#A5497B
83.3%	83.3% #B55782	RGB 181 87 130	#B55782
100.0%	100.0% #C5668A	RGB 197 102 138	#C5668A

#671E5E #762766 #86316D #963C74 #A5497B #B55782 #C5668A

#671E5E - #963C74 - #C5668A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #671E5E 0%, #963C74 50%, #C5668A 100%);
    background: -webkit-linear-gradient(top, #671E5E 0%, #963C74 50%, #C5668A 100%);
    background: linear-gradient(to bottom, #671E5E 0%, #963C74 50%, #C5668A 100%);
}
</style>