#DAFF9C - #3D482C | 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 #DAFF9C to #3D482C

#DAFF9C #3D482C

Calculate the color between two colors, #DAFF9C and #3D482C. 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)

#DAFF9C - #3D482C | 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 #DAFF9C as 0% and #3D482C as 100%.

0.0%	0.0% #DAFF9C	RGB 218 255 156	#DAFF9C
16.7%	16.7% #BFE089	RGB 191 224 137	#BFE089
33.3%	33.3% #A5C276	RGB 165 194 118	#A5C276
50.0%	50.0% #8BA364	RGB 139 163 100	#8BA364
66.7%	66.7% #718451	RGB 113 132 81	#718451
83.3%	83.3% #57663E	RGB 87 102 62	#57663E
100.0%	100.0% #3D482C	RGB 61 72 44	#3D482C

#DAFF9C #BFE089 #A5C276 #8BA364 #718451 #57663E #3D482C

#DAFF9C - #3D482C

HSV Blend

#DAFF9C - #3D482C | 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 #DAFF9C as 0% and #3D482C as 100%.

0.0%	0.0% #DAFF9C	RGB 218 255 156	#DAFF9C
16.7%	16.7% #BFE089	RGB 191 224 137	#BFE089
33.3%	33.3% #A5C276	RGB 165 194 118	#A5C276
50.0%	50.0% #8BA363	RGB 139 163 99	#8BA363
66.7%	66.7% #718451	RGB 113 132 81	#718451
83.3%	83.3% #56663E	RGB 86 102 62	#56663E
100.0%	100.0% #3D482C	RGB 61 72 44	#3D482C

#DAFF9C #BFE089 #A5C276 #8BA363 #718451 #56663E #3D482C

#DAFF9C - #8BA363 - #3D482C

CSS codes

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

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