#C3C60D - #FFED4B | 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 #C3C60D to #FFED4B

#C3C60D #FFED4B

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

#C3C60D - #FFED4B | 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 #C3C60D as 0% and #FFED4B as 100%.

0.0%	0.0% #C3C60D	RGB 195 198 13	#C3C60D
16.7%	16.7% #CDCC17	RGB 205 204 23	#CDCC17
33.3%	33.3% #D7D321	RGB 215 211 33	#D7D321
50.0%	50.0% #E1D92C	RGB 225 217 44	#E1D92C
66.7%	66.7% #EBE036	RGB 235 224 54	#EBE036
83.3%	83.3% #F5E640	RGB 245 230 64	#F5E640
100.0%	100.0% #FFED4B	RGB 255 237 75	#FFED4B

#C3C60D #CDCC17 #D7D321 #E1D92C #EBE036 #F5E640 #FFED4B

#C3C60D - #FFED4B

HSV Blend

#C3C60D - #FFED4B | 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 #C3C60D as 0% and #FFED4B as 100%.

0.0%	0.0% #C3C60C	RGB 195 198 12	#C3C60C
16.7%	16.7% #CFCE15	RGB 207 206 21	#CFCE15
33.3%	33.3% #D9D41E	RGB 217 212 30	#D9D41E
50.0%	50.0% #E2DA28	RGB 226 218 40	#E2DA28
66.7%	66.7% #ECE033	RGB 236 224 51	#ECE033
83.3%	83.3% #F5E63E	RGB 245 230 62	#F5E63E
100.0%	100.0% #FFED4B	RGB 255 237 75	#FFED4B

#C3C60C #CFCE15 #D9D41E #E2DA28 #ECE033 #F5E63E #FFED4B

#C3C60D - #E2DA28 - #FFED4B

CSS codes

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

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