#DAEB4B - #3E4315 | 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 #DAEB4B to #3E4315

#DAEB4B #3E4315

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

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

0.0%	0.0% #DAEB4B	RGB 218 235 75	#DAEB4B
16.7%	16.7% #C0CF42	RGB 192 207 66	#C0CF42
33.3%	33.3% #A6B339	RGB 166 179 57	#A6B339
50.0%	50.0% #8C9730	RGB 140 151 48	#8C9730
66.7%	66.7% #727B27	RGB 114 123 39	#727B27
83.3%	83.3% #585F1E	RGB 88 95 30	#585F1E
100.0%	100.0% #3E4315	RGB 62 67 21	#3E4315

#DAEB4B #C0CF42 #A6B339 #8C9730 #727B27 #585F1E #3E4315

#DAEB4B - #3E4315

HSV Blend

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

0.0%	0.0% #DAEB4A	RGB 218 235 74	#DAEB4A
16.7%	16.7% #BFCF41	RGB 191 207 65	#BFCF41
33.3%	33.3% #A5B338	RGB 165 179 56	#A5B338
50.0%	50.0% #8B972F	RGB 139 151 47	#8B972F
66.7%	66.7% #717B26	RGB 113 123 38	#717B26
83.3%	83.3% #575F1D	RGB 87 95 29	#575F1D
100.0%	100.0% #3E4315	RGB 62 67 21	#3E4315

#DAEB4A #BFCF41 #A5B338 #8B972F #717B26 #575F1D #3E4315

#DAEB4B - #8B972F - #3E4315

CSS codes

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

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