#8C7B7D - #DAFF8C | 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 #8C7B7D to #DAFF8C

#8C7B7D #DAFF8C

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

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

0.0%	0.0% #8C7B7D	RGB 140 123 125	#8C7B7D
16.7%	16.7% #99917F	RGB 153 145 127	#99917F
33.3%	33.3% #A6A782	RGB 166 167 130	#A6A782
50.0%	50.0% #B3BD84	RGB 179 189 132	#B3BD84
66.7%	66.7% #C0D387	RGB 192 211 135	#C0D387
83.3%	83.3% #CDE989	RGB 205 233 137	#CDE989
100.0%	100.0% #DAFF8C	RGB 218 255 140	#DAFF8C

#8C7B7D #99917F #A6A782 #B3BD84 #C0D387 #CDE989 #DAFF8C

#8C7B7D - #DAFF8C

HSV Blend

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

0.0%	0.0% #8C7B7D	RGB 140 123 125	#8C7B7D
16.7%	16.7% #9F8683	RGB 159 134 131	#9F8683
33.3%	33.3% #B29889	RGB 178 152 137	#B29889
50.0%	50.0% #C5AF8C	RGB 197 175 140	#C5AF8C
66.7%	66.7% #D8CC8E	RGB 216 204 142	#D8CC8E
83.3%	83.3% #E4EB8E	RGB 228 235 142	#E4EB8E
100.0%	100.0% #DAFF8C	RGB 218 255 140	#DAFF8C

#8C7B7D #9F8683 #B29889 #C5AF8C #D8CC8E #E4EB8E #DAFF8C

#8C7B7D - #C5AF8C - #DAFF8C

CSS codes

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

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