#CCDA98 - #393E2B | 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 #CCDA98 to #393E2B

#CCDA98 #393E2B

Calculate the color between two colors, #CCDA98 and #393E2B. 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)

#CCDA98 - #393E2B | 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 #CCDA98 as 0% and #393E2B as 100%.

0.0%	0.0% #CCDA98	RGB 204 218 152	#CCDA98
16.7%	16.7% #B3C085	RGB 179 192 133	#B3C085
33.3%	33.3% #9BA673	RGB 155 166 115	#9BA673
50.0%	50.0% #828C61	RGB 130 140 97	#828C61
66.7%	66.7% #6A724F	RGB 106 114 79	#6A724F
83.3%	83.3% #51583D	RGB 81 88 61	#51583D
100.0%	100.0% #393E2B	RGB 57 62 43	#393E2B

#CCDA98 #B3C085 #9BA673 #828C61 #6A724F #51583D #393E2B

#CCDA98 - #393E2B

HSV Blend

#CCDA98 - #393E2B | 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 #CCDA98 as 0% and #393E2B as 100%.

0.0%	0.0% #CCDA98	RGB 204 218 152	#CCDA98
16.7%	16.7% #B3C085	RGB 179 192 133	#B3C085
33.3%	33.3% #9AA673	RGB 154 166 115	#9AA673
50.0%	50.0% #818C61	RGB 129 140 97	#818C61
66.7%	66.7% #69724F	RGB 105 114 79	#69724F
83.3%	83.3% #51583D	RGB 81 88 61	#51583D
100.0%	100.0% #393E2B	RGB 57 62 43	#393E2B

#CCDA98 #B3C085 #9AA673 #818C61 #69724F #51583D #393E2B

#CCDA98 - #818C61 - #393E2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCDA98 0%, #818C61 50%, #393E2B 100%);
    background: -webkit-linear-gradient(top, #CCDA98 0%, #818C61 50%, #393E2B 100%);
    background: linear-gradient(to bottom, #CCDA98 0%, #818C61 50%, #393E2B 100%);
}
</style>