#DCFF98 - #3E482B | 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 #DCFF98 to #3E482B

#DCFF98 #3E482B

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

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

0.0%	0.0% #DCFF98	RGB 220 255 152	#DCFF98
16.7%	16.7% #C1E085	RGB 193 224 133	#C1E085
33.3%	33.3% #A7C273	RGB 167 194 115	#A7C273
50.0%	50.0% #8DA361	RGB 141 163 97	#8DA361
66.7%	66.7% #72844F	RGB 114 132 79	#72844F
83.3%	83.3% #58663D	RGB 88 102 61	#58663D
100.0%	100.0% #3E482B	RGB 62 72 43	#3E482B

#DCFF98 #C1E085 #A7C273 #8DA361 #72844F #58663D #3E482B

#DCFF98 - #3E482B

HSV Blend

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

0.0%	0.0% #DCFF98	RGB 220 255 152	#DCFF98
16.7%	16.7% #C1E085	RGB 193 224 133	#C1E085
33.3%	33.3% #A7C273	RGB 167 194 115	#A7C273
50.0%	50.0% #8CA361	RGB 140 163 97	#8CA361
66.7%	66.7% #72844F	RGB 114 132 79	#72844F
83.3%	83.3% #58663D	RGB 88 102 61	#58663D
100.0%	100.0% #3E482B	RGB 62 72 43	#3E482B

#DCFF98 #C1E085 #A7C273 #8CA361 #72844F #58663D #3E482B

#DCFF98 - #8CA361 - #3E482B

CSS codes

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

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