#F5FE5E - #C7DA1A | 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 #F5FE5E to #C7DA1A

#F5FE5E #C7DA1A

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

#F5FE5E - #C7DA1A | 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 #F5FE5E as 0% and #C7DA1A as 100%.

0.0%	0.0% #F5FE5E	RGB 245 254 94	#F5FE5E
16.7%	16.7% #EDF852	RGB 237 248 82	#EDF852
33.3%	33.3% #E5F247	RGB 229 242 71	#E5F247
50.0%	50.0% #DEEC3C	RGB 222 236 60	#DEEC3C
66.7%	66.7% #D6E630	RGB 214 230 48	#D6E630
83.3%	83.3% #CEE025	RGB 206 224 37	#CEE025
100.0%	100.0% #C7DA1A	RGB 199 218 26	#C7DA1A

#F5FE5E #EDF852 #E5F247 #DEEC3C #D6E630 #CEE025 #C7DA1A

#F5FE5E - #C7DA1A

HSV Blend

#F5FE5E - #C7DA1A | 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 #F5FE5E as 0% and #C7DA1A as 100%.

0.0%	0.0% #F5FE5E	RGB 245 254 94	#F5FE5E
16.7%	16.7% #EDF851	RGB 237 248 81	#EDF851
33.3%	33.3% #E5F245	RGB 229 242 69	#E5F245
50.0%	50.0% #DEEC39	RGB 222 236 57	#DEEC39
66.7%	66.7% #D6E62E	RGB 214 230 46	#D6E62E
83.3%	83.3% #CEE024	RGB 206 224 36	#CEE024
100.0%	100.0% #C7DA1A	RGB 199 218 26	#C7DA1A

#F5FE5E #EDF851 #E5F245 #DEEC39 #D6E62E #CEE024 #C7DA1A

#F5FE5E - #DEEC39 - #C7DA1A

CSS codes

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

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