#C4BF3C - #FCFF5B | 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 #C4BF3C to #FCFF5B

#C4BF3C #FCFF5B

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

#C4BF3C - #FCFF5B | 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 #C4BF3C as 0% and #FCFF5B as 100%.

0.0%	0.0% #C4BF3C	RGB 196 191 60	#C4BF3C
16.7%	16.7% #CDC941	RGB 205 201 65	#CDC941
33.3%	33.3% #D6D446	RGB 214 212 70	#D6D446
50.0%	50.0% #E0DF4B	RGB 224 223 75	#E0DF4B
66.7%	66.7% #E9E950	RGB 233 233 80	#E9E950
83.3%	83.3% #F2F455	RGB 242 244 85	#F2F455
100.0%	100.0% #FCFF5B	RGB 252 255 91	#FCFF5B

#C4BF3C #CDC941 #D6D446 #E0DF4B #E9E950 #F2F455 #FCFF5B

#C4BF3C - #FCFF5B

HSV Blend

#C4BF3C - #FCFF5B | 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 #C4BF3C as 0% and #FCFF5B as 100%.

0.0%	0.0% #C4BF3C	RGB 196 191 60	#C4BF3C
16.7%	16.7% #CDC940	RGB 205 201 64	#CDC940
33.3%	33.3% #D7D445	RGB 215 212 69	#D7D445
50.0%	50.0% #E1E04A	RGB 225 224 74	#E1E04A
66.7%	66.7% #EBEB50	RGB 235 235 80	#EBEB50
83.3%	83.3% #F3F555	RGB 243 245 85	#F3F555
100.0%	100.0% #FCFF5B	RGB 252 255 91	#FCFF5B

#C4BF3C #CDC940 #D7D445 #E1E04A #EBEB50 #F3F555 #FCFF5B

#C4BF3C - #E1E04A - #FCFF5B

CSS codes

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

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