#CD9C6B - #FFD98B | 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 #CD9C6B to #FFD98B

#CD9C6B #FFD98B

Calculate the color between two colors, #CD9C6B and #FFD98B. 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)

#CD9C6B - #FFD98B | 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 #CD9C6B as 0% and #FFD98B as 100%.

0.0%	0.0% #CD9C6B	RGB 205 156 107	#CD9C6B
16.7%	16.7% #D5A670	RGB 213 166 112	#D5A670
33.3%	33.3% #DDB075	RGB 221 176 117	#DDB075
50.0%	50.0% #E6BA7B	RGB 230 186 123	#E6BA7B
66.7%	66.7% #EEC480	RGB 238 196 128	#EEC480
83.3%	83.3% #F6CE85	RGB 246 206 133	#F6CE85
100.0%	100.0% #FFD98B	RGB 255 217 139	#FFD98B

#CD9C6B #D5A670 #DDB075 #E6BA7B #EEC480 #F6CE85 #FFD98B

#CD9C6B - #FFD98B

HSV Blend

#CD9C6B - #FFD98B | 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 #CD9C6B as 0% and #FFD98B as 100%.

0.0%	0.0% #CD9C6B	RGB 205 156 107	#CD9C6B
16.7%	16.7% #D5A570	RGB 213 165 112	#D5A570
33.3%	33.3% #DDAF75	RGB 221 175 117	#DDAF75
50.0%	50.0% #E6B97A	RGB 230 185 122	#E6B97A
66.7%	66.7% #EEC380	RGB 238 195 128	#EEC380
83.3%	83.3% #F6CE85	RGB 246 206 133	#F6CE85
100.0%	100.0% #FFD98B	RGB 255 217 139	#FFD98B

#CD9C6B #D5A570 #DDAF75 #E6B97A #EEC380 #F6CE85 #FFD98B

#CD9C6B - #E6B97A - #FFD98B

CSS codes

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

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