#8A8F7D - #E4D09B | 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 #8A8F7D to #E4D09B

#8A8F7D #E4D09B

Calculate the color between two colors, #8A8F7D and #E4D09B. 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)

#8A8F7D - #E4D09B | 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 #8A8F7D as 0% and #E4D09B as 100%.

0.0%	0.0% #8A8F7D	RGB 138 143 125	#8A8F7D
16.7%	16.7% #999982	RGB 153 153 130	#999982
33.3%	33.3% #A8A487	RGB 168 164 135	#A8A487
50.0%	50.0% #B7AF8C	RGB 183 175 140	#B7AF8C
66.7%	66.7% #C6BA91	RGB 198 186 145	#C6BA91
83.3%	83.3% #D5C596	RGB 213 197 150	#D5C596
100.0%	100.0% #E4D09B	RGB 228 208 155	#E4D09B

#8A8F7D #999982 #A8A487 #B7AF8C #C6BA91 #D5C596 #E4D09B

#8A8F7D - #E4D09B

HSV Blend

#8A8F7D - #E4D09B | 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 #8A8F7D as 0% and #E4D09B as 100%.

0.0%	0.0% #8A8F7D	RGB 138 143 125	#8A8F7D
16.7%	16.7% #989D84	RGB 152 157 132	#989D84
33.3%	33.3% #A8AB8A	RGB 168 171 138	#A8AB8A
50.0%	50.0% #B9B990	RGB 185 185 144	#B9B990
66.7%	66.7% #C7C394	RGB 199 195 148	#C7C394
83.3%	83.3% #D5CA98	RGB 213 202 152	#D5CA98
100.0%	100.0% #E4D09B	RGB 228 208 155	#E4D09B

#8A8F7D #989D84 #A8AB8A #B9B990 #C7C394 #D5CA98 #E4D09B

#8A8F7D - #B9B990 - #E4D09B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8F7D 0%, #B9B990 50%, #E4D09B 100%);
    background: -webkit-linear-gradient(top, #8A8F7D 0%, #B9B990 50%, #E4D09B 100%);
    background: linear-gradient(to bottom, #8A8F7D 0%, #B9B990 50%, #E4D09B 100%);
}
</style>