#868C5E - #E4907D | 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 #868C5E to #E4907D

#868C5E #E4907D

Calculate the color between two colors, #868C5E and #E4907D. 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)

#868C5E - #E4907D | 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 #868C5E as 0% and #E4907D as 100%.

0.0%	0.0% #868C5E	RGB 134 140 94	#868C5E
16.7%	16.7% #958C63	RGB 149 140 99	#958C63
33.3%	33.3% #A58D68	RGB 165 141 104	#A58D68
50.0%	50.0% #B58E6D	RGB 181 142 109	#B58E6D
66.7%	66.7% #C48E72	RGB 196 142 114	#C48E72
83.3%	83.3% #D48F77	RGB 212 143 119	#D48F77
100.0%	100.0% #E4907D	RGB 228 144 125	#E4907D

#868C5E #958C63 #A58D68 #B58E6D #C48E72 #D48F77 #E4907D

#868C5E - #E4907D

HSV Blend

#868C5E - #E4907D | 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 #868C5E as 0% and #E4907D as 100%.

0.0%	0.0% #868C5E	RGB 134 140 94	#868C5E
16.7%	16.7% #9A9964	RGB 154 153 100	#9A9964
33.3%	33.3% #A99D6A	RGB 169 157 106	#A99D6A
50.0%	50.0% #B89F70	RGB 184 159 112	#B89F70
66.7%	66.7% #C69D75	RGB 198 157 117	#C69D75
83.3%	83.3% #D59879	RGB 213 152 121	#D59879
100.0%	100.0% #E4907D	RGB 228 144 125	#E4907D

#868C5E #9A9964 #A99D6A #B89F70 #C69D75 #D59879 #E4907D

#868C5E - #B89F70 - #E4907D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868C5E 0%, #B89F70 50%, #E4907D 100%);
    background: -webkit-linear-gradient(top, #868C5E 0%, #B89F70 50%, #E4907D 100%);
    background: linear-gradient(to bottom, #868C5E 0%, #B89F70 50%, #E4907D 100%);
}
</style>