#C3C75E - #FFEC8C | 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 #C3C75E to #FFEC8C

#C3C75E #FFEC8C

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

#C3C75E - #FFEC8C | 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 #C3C75E as 0% and #FFEC8C as 100%.

0.0%	0.0% #C3C75E	RGB 195 199 94	#C3C75E
16.7%	16.7% #CDCD65	RGB 205 205 101	#CDCD65
33.3%	33.3% #D7D36D	RGB 215 211 109	#D7D36D
50.0%	50.0% #E1D975	RGB 225 217 117	#E1D975
66.7%	66.7% #EBDF7C	RGB 235 223 124	#EBDF7C
83.3%	83.3% #F5E584	RGB 245 229 132	#F5E584
100.0%	100.0% #FFEC8C	RGB 255 236 140	#FFEC8C

#C3C75E #CDCD65 #D7D36D #E1D975 #EBDF7C #F5E584 #FFEC8C

#C3C75E - #FFEC8C

HSV Blend

#C3C75E - #FFEC8C | 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 #C3C75E as 0% and #FFEC8C as 100%.

0.0%	0.0% #C3C75E	RGB 195 199 94	#C3C75E
16.7%	16.7% #CFD065	RGB 207 208 101	#CFD065
33.3%	33.3% #D9D66C	RGB 217 214 108	#D9D66C
50.0%	50.0% #E3DB73	RGB 227 219 115	#E3DB73
66.7%	66.7% #ECE17B	RGB 236 225 123	#ECE17B
83.3%	83.3% #F5E683	RGB 245 230 131	#F5E683
100.0%	100.0% #FFEC8C	RGB 255 236 140	#FFEC8C

#C3C75E #CFD065 #D9D66C #E3DB73 #ECE17B #F5E683 #FFEC8C

#C3C75E - #E3DB73 - #FFEC8C

CSS codes

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

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