#5E4251 - #CF6A69 | 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 #5E4251 to #CF6A69

#5E4251 #CF6A69

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

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

0.0%	0.0% #5E4251	RGB 94 66 81	#5E4251
16.7%	16.7% #704855	RGB 112 72 85	#704855
33.3%	33.3% #834F59	RGB 131 79 89	#834F59
50.0%	50.0% #96565D	RGB 150 86 93	#96565D
66.7%	66.7% #A95C61	RGB 169 92 97	#A95C61
83.3%	83.3% #BC6365	RGB 188 99 101	#BC6365
100.0%	100.0% #CF6A69	RGB 207 106 105	#CF6A69

#5E4251 #704855 #834F59 #96565D #A95C61 #BC6365 #CF6A69

#5E4251 - #CF6A69

HSV Blend

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

0.0%	0.0% #5E4251	RGB 94 66 81	#5E4251
16.7%	16.7% #704B5C	RGB 112 75 92	#704B5C
33.3%	33.3% #835364	RGB 131 83 100	#835364
50.0%	50.0% #965B6A	RGB 150 91 106	#965B6A
66.7%	66.7% #A9606D	RGB 169 96 109	#A9606D
83.3%	83.3% #BC656C	RGB 188 101 108	#BC656C
100.0%	100.0% #CF6A69	RGB 207 106 105	#CF6A69

#5E4251 #704B5C #835364 #965B6A #A9606D #BC656C #CF6A69

#5E4251 - #965B6A - #CF6A69

CSS codes

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

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