#5E434E - #CF6764 | 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 #5E434E to #CF6764

#5E434E #CF6764

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

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

0.0%	0.0% #5E434E	RGB 94 67 78	#5E434E
16.7%	16.7% #704951	RGB 112 73 81	#704951
33.3%	33.3% #834F55	RGB 131 79 85	#834F55
50.0%	50.0% #965559	RGB 150 85 89	#965559
66.7%	66.7% #A95B5C	RGB 169 91 92	#A95B5C
83.3%	83.3% #BC6160	RGB 188 97 96	#BC6160
100.0%	100.0% #CF6764	RGB 207 103 100	#CF6764

#5E434E #704951 #834F55 #965559 #A95B5C #BC6160 #CF6764

#5E434E - #CF6764

HSV Blend

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

0.0%	0.0% #5E434E	RGB 94 67 78	#5E434E
16.7%	16.7% #704C58	RGB 112 76 88	#704C58
33.3%	33.3% #835360	RGB 131 83 96	#835360
50.0%	50.0% #965965	RGB 150 89 101	#965965
66.7%	66.7% #A95E67	RGB 169 94 103	#A95E67
83.3%	83.3% #BC6266	RGB 188 98 102	#BC6266
100.0%	100.0% #CF6764	RGB 207 103 100	#CF6764

#5E434E #704C58 #835360 #965965 #A95E67 #BC6266 #CF6764

#5E434E - #965965 - #CF6764

CSS codes

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

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