#FFCF14 - #C3C80E | 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 #FFCF14 to #C3C80E

#FFCF14 #C3C80E

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

#FFCF14 - #C3C80E | 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 #FFCF14 as 0% and #C3C80E as 100%.

0.0%	0.0% #FFCF14	RGB 255 207 20	#FFCF14
16.7%	16.7% #F5CD13	RGB 245 205 19	#F5CD13
33.3%	33.3% #EBCC12	RGB 235 204 18	#EBCC12
50.0%	50.0% #E1CB11	RGB 225 203 17	#E1CB11
66.7%	66.7% #D7CA10	RGB 215 202 16	#D7CA10
83.3%	83.3% #CDC90F	RGB 205 201 15	#CDC90F
100.0%	100.0% #C3C80E	RGB 195 200 14	#C3C80E

#FFCF14 #F5CD13 #EBCC12 #E1CB11 #D7CA10 #CDC90F #C3C80E

#FFCF14 - #C3C80E

HSV Blend

#FFCF14 - #C3C80E | 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 #FFCF14 as 0% and #C3C80E as 100%.

0.0%	0.0% #FFCF13	RGB 255 207 19	#FFCF13
16.7%	16.7% #F5D012	RGB 245 208 18	#F5D012
33.3%	33.3% #ECD011	RGB 236 208 17	#ECD011
50.0%	50.0% #E3D010	RGB 227 208 16	#E3D010
66.7%	66.7% #DAD00F	RGB 218 208 15	#DAD00F
83.3%	83.3% #D1CE0E	RGB 209 206 14	#D1CE0E
100.0%	100.0% #C3C80E	RGB 195 200 14	#C3C80E

#FFCF13 #F5D012 #ECD011 #E3D010 #DAD00F #D1CE0E #C3C80E

#FFCF14 - #E3D010 - #C3C80E

CSS codes

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

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