#CCCD7E - #FAEFA7 | 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 #CCCD7E to #FAEFA7

#CCCD7E #FAEFA7

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

#CCCD7E - #FAEFA7 | 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 #CCCD7E as 0% and #FAEFA7 as 100%.

0.0%	0.0% #CCCD7E	RGB 204 205 126	#CCCD7E
16.7%	16.7% #D3D284	RGB 211 210 132	#D3D284
33.3%	33.3% #DBD88B	RGB 219 216 139	#DBD88B
50.0%	50.0% #E3DE92	RGB 227 222 146	#E3DE92
66.7%	66.7% #EAE399	RGB 234 227 153	#EAE399
83.3%	83.3% #F2E9A0	RGB 242 233 160	#F2E9A0
100.0%	100.0% #FAEFA7	RGB 250 239 167	#FAEFA7

#CCCD7E #D3D284 #DBD88B #E3DE92 #EAE399 #F2E9A0 #FAEFA7

#CCCD7E - #FAEFA7

HSV Blend

#CCCD7E - #FAEFA7 | 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 #CCCD7E as 0% and #FAEFA7 as 100%.

0.0%	0.0% #CCCD7E	RGB 204 205 126	#CCCD7E
16.7%	16.7% #D4D384	RGB 212 211 132	#D4D384
33.3%	33.3% #DCD98B	RGB 220 217 139	#DCD98B
50.0%	50.0% #E3DE91	RGB 227 222 145	#E3DE91
66.7%	66.7% #EBE498	RGB 235 228 152	#EBE498
83.3%	83.3% #F2E99F	RGB 242 233 159	#F2E99F
100.0%	100.0% #FAEFA7	RGB 250 239 167	#FAEFA7

#CCCD7E #D4D384 #DCD98B #E3DE91 #EBE498 #F2E99F #FAEFA7

#CCCD7E - #E3DE91 - #FAEFA7

CSS codes

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

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