#C3C56B - #FDEC96 | 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 #C3C56B to #FDEC96

#C3C56B #FDEC96

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

#C3C56B - #FDEC96 | 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 #C3C56B as 0% and #FDEC96 as 100%.

0.0%	0.0% #C3C56B	RGB 195 197 107	#C3C56B
16.7%	16.7% #CCCB72	RGB 204 203 114	#CCCB72
33.3%	33.3% #D6D279	RGB 214 210 121	#D6D279
50.0%	50.0% #E0D880	RGB 224 216 128	#E0D880
66.7%	66.7% #E9DF87	RGB 233 223 135	#E9DF87
83.3%	83.3% #F3E58E	RGB 243 229 142	#F3E58E
100.0%	100.0% #FDEC96	RGB 253 236 150	#FDEC96

#C3C56B #CCCB72 #D6D279 #E0D880 #E9DF87 #F3E58E #FDEC96

#C3C56B - #FDEC96

HSV Blend

#C3C56B - #FDEC96 | 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 #C3C56B as 0% and #FDEC96 as 100%.

0.0%	0.0% #C3C56B	RGB 195 197 107	#C3C56B
16.7%	16.7% #CECD71	RGB 206 205 113	#CECD71
33.3%	33.3% #D7D378	RGB 215 211 120	#D7D378
50.0%	50.0% #E1DA7F	RGB 225 218 127	#E1DA7F
66.7%	66.7% #EAE087	RGB 234 224 135	#EAE087
83.3%	83.3% #F3E68E	RGB 243 230 142	#F3E68E
100.0%	100.0% #FDEC96	RGB 253 236 150	#FDEC96

#C3C56B #CECD71 #D7D378 #E1DA7F #EAE087 #F3E68E #FDEC96

#C3C56B - #E1DA7F - #FDEC96

CSS codes

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

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