#FBFFA2 - #B5DF41 | 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 #FBFFA2 to #B5DF41

#FBFFA2 #B5DF41

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

#FBFFA2 - #B5DF41 | 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 #FBFFA2 as 0% and #B5DF41 as 100%.

0.0%	0.0% #FBFFA2	RGB 251 255 162	#FBFFA2
16.7%	16.7% #EFF991	RGB 239 249 145	#EFF991
33.3%	33.3% #E3F481	RGB 227 244 129	#E3F481
50.0%	50.0% #D8EF71	RGB 216 239 113	#D8EF71
66.7%	66.7% #CCE961	RGB 204 233 97	#CCE961
83.3%	83.3% #C0E451	RGB 192 228 81	#C0E451
100.0%	100.0% #B5DF41	RGB 181 223 65	#B5DF41

#FBFFA2 #EFF991 #E3F481 #D8EF71 #CCE961 #C0E451 #B5DF41

#FBFFA2 - #B5DF41

HSV Blend

#FBFFA2 - #B5DF41 | 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 #FBFFA2 as 0% and #B5DF41 as 100%.

0.0%	0.0% #FBFFA2	RGB 251 255 162	#FBFFA2
16.7%	16.7% #F1F990	RGB 241 249 144	#F1F990
33.3%	33.3% #E6F47F	RGB 230 244 127	#E6F47F
50.0%	50.0% #DBEF6E	RGB 219 239 110	#DBEF6E
66.7%	66.7% #CFE95E	RGB 207 233 94	#CFE95E
83.3%	83.3% #C2E44F	RGB 194 228 79	#C2E44F
100.0%	100.0% #B5DF41	RGB 181 223 65	#B5DF41

#FBFFA2 #F1F990 #E6F47F #DBEF6E #CFE95E #C2E44F #B5DF41

#FBFFA2 - #DBEF6E - #B5DF41

CSS codes

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

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