#989C7E - #EDD89E | 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 #989C7E to #EDD89E

#989C7E #EDD89E

Calculate the color between two colors, #989C7E and #EDD89E. 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)

#989C7E - #EDD89E | 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 #989C7E as 0% and #EDD89E as 100%.

0.0%	0.0% #989C7E	RGB 152 156 126	#989C7E
16.7%	16.7% #A6A683	RGB 166 166 131	#A6A683
33.3%	33.3% #B4B088	RGB 180 176 136	#B4B088
50.0%	50.0% #C2BA8E	RGB 194 186 142	#C2BA8E
66.7%	66.7% #D0C493	RGB 208 196 147	#D0C493
83.3%	83.3% #DECE98	RGB 222 206 152	#DECE98
100.0%	100.0% #EDD89E	RGB 237 216 158	#EDD89E

#989C7E #A6A683 #B4B088 #C2BA8E #D0C493 #DECE98 #EDD89E

#989C7E - #EDD89E

HSV Blend

#989C7E - #EDD89E | 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 #989C7E as 0% and #EDD89E as 100%.

0.0%	0.0% #989C7E	RGB 152 156 126	#989C7E
16.7%	16.7% #A7A984	RGB 167 169 132	#A7A984
33.3%	33.3% #B6B78B	RGB 182 183 139	#B6B78B
50.0%	50.0% #C4C190	RGB 196 193 144	#C4C190
66.7%	66.7% #D2CA95	RGB 210 202 149	#D2CA95
83.3%	83.3% #DFD19A	RGB 223 209 154	#DFD19A
100.0%	100.0% #EDD89E	RGB 237 216 158	#EDD89E

#989C7E #A7A984 #B6B78B #C4C190 #D2CA95 #DFD19A #EDD89E

#989C7E - #C4C190 - #EDD89E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989C7E 0%, #C4C190 50%, #EDD89E 100%);
    background: -webkit-linear-gradient(top, #989C7E 0%, #C4C190 50%, #EDD89E 100%);
    background: linear-gradient(to bottom, #989C7E 0%, #C4C190 50%, #EDD89E 100%);
}
</style>