#C0CD8B - #FCEDAD | 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 #C0CD8B to #FCEDAD

#C0CD8B #FCEDAD

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

#C0CD8B - #FCEDAD | 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 #C0CD8B as 0% and #FCEDAD as 100%.

0.0%	0.0% #C0CD8B	RGB 192 205 139	#C0CD8B
16.7%	16.7% #CAD290	RGB 202 210 144	#CAD290
33.3%	33.3% #D4D796	RGB 212 215 150	#D4D796
50.0%	50.0% #DEDD9C	RGB 222 221 156	#DEDD9C
66.7%	66.7% #E8E2A1	RGB 232 226 161	#E8E2A1
83.3%	83.3% #F2E7A7	RGB 242 231 167	#F2E7A7
100.0%	100.0% #FCEDAD	RGB 252 237 173	#FCEDAD

#C0CD8B #CAD290 #D4D796 #DEDD9C #E8E2A1 #F2E7A7 #FCEDAD

#C0CD8B - #FCEDAD

HSV Blend

#C0CD8B - #FCEDAD | 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 #C0CD8B as 0% and #FCEDAD as 100%.

0.0%	0.0% #C0CD8B	RGB 192 205 139	#C0CD8B
16.7%	16.7% #CBD490	RGB 203 212 144	#CBD490
33.3%	33.3% #D7DC96	RGB 215 220 150	#D7DC96
50.0%	50.0% #E4E49B	RGB 228 228 155	#E4E49B
66.7%	66.7% #ECE7A1	RGB 236 231 161	#ECE7A1
83.3%	83.3% #F4EAA7	RGB 244 234 167	#F4EAA7
100.0%	100.0% #FCEDAD	RGB 252 237 173	#FCEDAD

#C0CD8B #CBD490 #D7DC96 #E4E49B #ECE7A1 #F4EAA7 #FCEDAD

#C0CD8B - #E4E49B - #FCEDAD

CSS codes

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

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