#6C5C5E - #E18F84 | 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 #6C5C5E to #E18F84

#6C5C5E #E18F84

Calculate the color between two colors, #6C5C5E and #E18F84. 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)

#6C5C5E - #E18F84 | 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 #6C5C5E as 0% and #E18F84 as 100%.

0.0%	0.0% #6C5C5E	RGB 108 92 94	#6C5C5E
16.7%	16.7% #7F6464	RGB 127 100 100	#7F6464
33.3%	33.3% #936D6A	RGB 147 109 106	#936D6A
50.0%	50.0% #A67571	RGB 166 117 113	#A67571
66.7%	66.7% #BA7E77	RGB 186 126 119	#BA7E77
83.3%	83.3% #CD867D	RGB 205 134 125	#CD867D
100.0%	100.0% #E18F84	RGB 225 143 132	#E18F84

#6C5C5E #7F6464 #936D6A #A67571 #BA7E77 #CD867D #E18F84

#6C5C5E - #E18F84

HSV Blend

#6C5C5E - #E18F84 | 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 #6C5C5E as 0% and #E18F84 as 100%.

0.0%	0.0% #6C5C5E	RGB 108 92 94	#6C5C5E
16.7%	16.7% #7F6669	RGB 127 102 105	#7F6669
33.3%	33.3% #937071	RGB 147 112 113	#937071
50.0%	50.0% #A67777	RGB 166 119 119	#A67777
66.7%	66.7% #BA7F7D	RGB 186 127 125	#BA7F7D
83.3%	83.3% #CD8781	RGB 205 135 129	#CD8781
100.0%	100.0% #E18F84	RGB 225 143 132	#E18F84

#6C5C5E #7F6669 #937071 #A67777 #BA7F7D #CD8781 #E18F84

#6C5C5E - #A67777 - #E18F84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5C5E 0%, #A67777 50%, #E18F84 100%);
    background: -webkit-linear-gradient(top, #6C5C5E 0%, #A67777 50%, #E18F84 100%);
    background: linear-gradient(to bottom, #6C5C5E 0%, #A67777 50%, #E18F84 100%);
}
</style>