#CFEE6B - #3B441E | 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 #CFEE6B to #3B441E

#CFEE6B #3B441E

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

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

0.0%	0.0% #CFEE6B	RGB 207 238 107	#CFEE6B
16.7%	16.7% #B6D15E	RGB 182 209 94	#B6D15E
33.3%	33.3% #9DB551	RGB 157 181 81	#9DB551
50.0%	50.0% #859944	RGB 133 153 68	#859944
66.7%	66.7% #6C7C37	RGB 108 124 55	#6C7C37
83.3%	83.3% #53602A	RGB 83 96 42	#53602A
100.0%	100.0% #3B441E	RGB 59 68 30	#3B441E

#CFEE6B #B6D15E #9DB551 #859944 #6C7C37 #53602A #3B441E

#CFEE6B - #3B441E

HSV Blend

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

0.0%	0.0% #CFEE6B	RGB 207 238 107	#CFEE6B
16.7%	16.7% #B6D15D	RGB 182 209 93	#B6D15D
33.3%	33.3% #9DB551	RGB 157 181 81	#9DB551
50.0%	50.0% #849944	RGB 132 153 68	#849944
66.7%	66.7% #6C7C37	RGB 108 124 55	#6C7C37
83.3%	83.3% #53602A	RGB 83 96 42	#53602A
100.0%	100.0% #3B441E	RGB 59 68 30	#3B441E

#CFEE6B #B6D15D #9DB551 #849944 #6C7C37 #53602A #3B441E

#CFEE6B - #849944 - #3B441E

CSS codes

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

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