#5E3C51 - #CC686C | 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 #5E3C51 to #CC686C

#5E3C51 #CC686C

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

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

0.0%	0.0% #5E3C51	RGB 94 60 81	#5E3C51
16.7%	16.7% #704355	RGB 112 67 85	#704355
33.3%	33.3% #824A5A	RGB 130 74 90	#824A5A
50.0%	50.0% #95525E	RGB 149 82 94	#95525E
66.7%	66.7% #A75963	RGB 167 89 99	#A75963
83.3%	83.3% #B96067	RGB 185 96 103	#B96067
100.0%	100.0% #CC686C	RGB 204 104 108	#CC686C

#5E3C51 #704355 #824A5A #95525E #A75963 #B96067 #CC686C

#5E3C51 - #CC686C

HSV Blend

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

0.0%	0.0% #5E3C51	RGB 94 60 81	#5E3C51
16.7%	16.7% #70455B	RGB 112 69 91	#70455B
33.3%	33.3% #824D64	RGB 130 77 100	#824D64
50.0%	50.0% #95556A	RGB 149 85 106	#95556A
66.7%	66.7% #A75C6D	RGB 167 92 109	#A75C6D
83.3%	83.3% #B9626E	RGB 185 98 110	#B9626E
100.0%	100.0% #CC686C	RGB 204 104 108	#CC686C

#5E3C51 #70455B #824D64 #95556A #A75C6D #B9626E #CC686C

#5E3C51 - #95556A - #CC686C

CSS codes

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

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