#8B8D4D - #DDDECC | 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 #8B8D4D to #DDDECC

#8B8D4D #DDDECC

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

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

0.0%	0.0% #8B8D4D	RGB 139 141 77	#8B8D4D
16.7%	16.7% #989A62	RGB 152 154 98	#989A62
33.3%	33.3% #A6A877	RGB 166 168 119	#A6A877
50.0%	50.0% #B4B58C	RGB 180 181 140	#B4B58C
66.7%	66.7% #C1C3A1	RGB 193 195 161	#C1C3A1
83.3%	83.3% #CFD0B6	RGB 207 208 182	#CFD0B6
100.0%	100.0% #DDDECC	RGB 221 222 204	#DDDECC

#8B8D4D #989A62 #A6A877 #B4B58C #C1C3A1 #CFD0B6 #DDDECC

#8B8D4D - #DDDECC

HSV Blend

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

0.0%	0.0% #8B8D4D	RGB 139 141 77	#8B8D4D
16.7%	16.7% #989A5D	RGB 152 154 93	#989A5D
33.3%	33.3% #A5A870	RGB 165 168 112	#A5A870
50.0%	50.0% #B3B584	RGB 179 181 132	#B3B584
66.7%	66.7% #C1C39A	RGB 193 195 154	#C1C39A
83.3%	83.3% #CED0B2	RGB 206 208 178	#CED0B2
100.0%	100.0% #DDDECC	RGB 221 222 204	#DDDECC

#8B8D4D #989A5D #A5A870 #B3B584 #C1C39A #CED0B2 #DDDECC

#8B8D4D - #B3B584 - #DDDECC

CSS codes

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

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