#634B5E - #491118 | 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 #634B5E to #491118

#634B5E #491118

Calculate the color between two colors, #634B5E and #491118. 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)

#634B5E - #491118 | 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 #634B5E as 0% and #491118 as 100%.

0.0%	0.0% #634B5E	RGB 99 75 94	#634B5E
16.7%	16.7% #5E4152	RGB 94 65 82	#5E4152
33.3%	33.3% #5A3746	RGB 90 55 70	#5A3746
50.0%	50.0% #562E3B	RGB 86 46 59	#562E3B
66.7%	66.7% #51242F	RGB 81 36 47	#51242F
83.3%	83.3% #4D1A23	RGB 77 26 35	#4D1A23
100.0%	100.0% #491118	RGB 73 17 24	#491118

#634B5E #5E4152 #5A3746 #562E3B #51242F #4D1A23 #491118

#634B5E - #491118

HSV Blend

#634B5E - #491118 | 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 #634B5E as 0% and #491118 as 100%.

0.0%	0.0% #634B5E	RGB 99 75 94	#634B5E
16.7%	16.7% #5E3F54	RGB 94 63 84	#5E3F54
33.3%	33.3% #5A344A	RGB 90 52 74	#5A344A
50.0%	50.0% #562A3E	RGB 86 42 62	#562A3E
66.7%	66.7% #512132	RGB 81 33 50	#512132
83.3%	83.3% #4D1825	RGB 77 24 37	#4D1825
100.0%	100.0% #491118	RGB 73 17 24	#491118

#634B5E #5E3F54 #5A344A #562A3E #512132 #4D1825 #491118

#634B5E - #562A3E - #491118

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #634B5E 0%, #562A3E 50%, #491118 100%);
    background: -webkit-linear-gradient(top, #634B5E 0%, #562A3E 50%, #491118 100%);
    background: linear-gradient(to bottom, #634B5E 0%, #562A3E 50%, #491118 100%);
}
</style>