#CCEB6D - #3A431F | 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 #CCEB6D to #3A431F

#CCEB6D #3A431F

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

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

0.0%	0.0% #CCEB6D	RGB 204 235 109	#CCEB6D
16.7%	16.7% #B3CF60	RGB 179 207 96	#B3CF60
33.3%	33.3% #9BB353	RGB 155 179 83	#9BB353
50.0%	50.0% #839746	RGB 131 151 70	#839746
66.7%	66.7% #6A7B39	RGB 106 123 57	#6A7B39
83.3%	83.3% #525F2C	RGB 82 95 44	#525F2C
100.0%	100.0% #3A431F	RGB 58 67 31	#3A431F

#CCEB6D #B3CF60 #9BB353 #839746 #6A7B39 #525F2C #3A431F

#CCEB6D - #3A431F

HSV Blend

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

0.0%	0.0% #CCEB6D	RGB 204 235 109	#CCEB6D
16.7%	16.7% #B3CF5F	RGB 179 207 95	#B3CF5F
33.3%	33.3% #9BB352	RGB 155 179 82	#9BB352
50.0%	50.0% #829745	RGB 130 151 69	#829745
66.7%	66.7% #6A7B38	RGB 106 123 56	#6A7B38
83.3%	83.3% #525F2B	RGB 82 95 43	#525F2B
100.0%	100.0% #3A431F	RGB 58 67 31	#3A431F

#CCEB6D #B3CF5F #9BB352 #829745 #6A7B38 #525F2B #3A431F

#CCEB6D - #829745 - #3A431F

CSS codes

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

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