#CFDC11 - #3A3E04 | 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 #CFDC11 to #3A3E04

#CFDC11 #3A3E04

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

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

0.0%	0.0% #CFDC11	RGB 207 220 17	#CFDC11
16.7%	16.7% #B6C10E	RGB 182 193 14	#B6C10E
33.3%	33.3% #9DA70C	RGB 157 167 12	#9DA70C
50.0%	50.0% #848D0A	RGB 132 141 10	#848D0A
66.7%	66.7% #6B7208	RGB 107 114 8	#6B7208
83.3%	83.3% #525806	RGB 82 88 6	#525806
100.0%	100.0% #3A3E04	RGB 58 62 4	#3A3E04

#CFDC11 #B6C10E #9DA70C #848D0A #6B7208 #525806 #3A3E04

#CFDC11 - #3A3E04

HSV Blend

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

0.0%	0.0% #CFDC10	RGB 207 220 16	#CFDC10
16.7%	16.7% #B6C10E	RGB 182 193 14	#B6C10E
33.3%	33.3% #9DA70C	RGB 157 167 12	#9DA70C
50.0%	50.0% #848D09	RGB 132 141 9	#848D09
66.7%	66.7% #6B7207	RGB 107 114 7	#6B7207
83.3%	83.3% #525805	RGB 82 88 5	#525805
100.0%	100.0% #3A3E04	RGB 58 62 4	#3A3E04

#CFDC10 #B6C10E #9DA70C #848D09 #6B7207 #525805 #3A3E04

#CFDC11 - #848D09 - #3A3E04

CSS codes

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

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