#CCCE2D - #3A3A0C | 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 #CCCE2D to #3A3A0C

#CCCE2D #3A3A0C

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

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

0.0%	0.0% #CCCE2D	RGB 204 206 45	#CCCE2D
16.7%	16.7% #B3B527	RGB 179 181 39	#B3B527
33.3%	33.3% #9B9C22	RGB 155 156 34	#9B9C22
50.0%	50.0% #83841C	RGB 131 132 28	#83841C
66.7%	66.7% #6A6B17	RGB 106 107 23	#6A6B17
83.3%	83.3% #525211	RGB 82 82 17	#525211
100.0%	100.0% #3A3A0C	RGB 58 58 12	#3A3A0C

#CCCE2D #B3B527 #9B9C22 #83841C #6A6B17 #525211 #3A3A0C

#CCCE2D - #3A3A0C

HSV Blend

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

0.0%	0.0% #CCCE2D	RGB 204 206 45	#CCCE2D
16.7%	16.7% #B3B527	RGB 179 181 39	#B3B527
33.3%	33.3% #9B9C21	RGB 155 156 33	#9B9C21
50.0%	50.0% #83841C	RGB 131 132 28	#83841C
66.7%	66.7% #6A6B16	RGB 106 107 22	#6A6B16
83.3%	83.3% #525211	RGB 82 82 17	#525211
100.0%	100.0% #3A3A0C	RGB 58 58 12	#3A3A0C

#CCCE2D #B3B527 #9B9C21 #83841C #6A6B16 #525211 #3A3A0C

#CCCE2D - #83841C - #3A3A0C

CSS codes

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

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