#CDDB6C - #3A3E1E | 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 #CDDB6C to #3A3E1E

#CDDB6C #3A3E1E

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

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

0.0%	0.0% #CDDB6C	RGB 205 219 108	#CDDB6C
16.7%	16.7% #B4C05F	RGB 180 192 95	#B4C05F
33.3%	33.3% #9CA652	RGB 156 166 82	#9CA652
50.0%	50.0% #838C45	RGB 131 140 69	#838C45
66.7%	66.7% #6B7238	RGB 107 114 56	#6B7238
83.3%	83.3% #52582B	RGB 82 88 43	#52582B
100.0%	100.0% #3A3E1E	RGB 58 62 30	#3A3E1E

#CDDB6C #B4C05F #9CA652 #838C45 #6B7238 #52582B #3A3E1E

#CDDB6C - #3A3E1E

HSV Blend

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

0.0%	0.0% #CDDB6C	RGB 205 219 108	#CDDB6C
16.7%	16.7% #B4C05E	RGB 180 192 94	#B4C05E
33.3%	33.3% #9BA651	RGB 155 166 81	#9BA651
50.0%	50.0% #838C44	RGB 131 140 68	#838C44
66.7%	66.7% #6A7237	RGB 106 114 55	#6A7237
83.3%	83.3% #52582A	RGB 82 88 42	#52582A
100.0%	100.0% #3A3E1E	RGB 58 62 30	#3A3E1E

#CDDB6C #B4C05E #9BA651 #838C44 #6A7237 #52582A #3A3E1E

#CDDB6C - #838C44 - #3A3E1E

CSS codes

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

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