#BCFF5E - #FFFA97 | 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 #BCFF5E to #FFFA97

#BCFF5E #FFFA97

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

#BCFF5E - #FFFA97 | 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 #BCFF5E as 0% and #FFFA97 as 100%.

0.0%	0.0% #BCFF5E	RGB 188 255 94	#BCFF5E
16.7%	16.7% #C7FE67	RGB 199 254 103	#C7FE67
33.3%	33.3% #D2FD71	RGB 210 253 113	#D2FD71
50.0%	50.0% #DDFC7A	RGB 221 252 122	#DDFC7A
66.7%	66.7% #E8FB84	RGB 232 251 132	#E8FB84
83.3%	83.3% #F3FA8D	RGB 243 250 141	#F3FA8D
100.0%	100.0% #FFFA97	RGB 255 250 151	#FFFA97

#BCFF5E #C7FE67 #D2FD71 #DDFC7A #E8FB84 #F3FA8D #FFFA97

#BCFF5E - #FFFA97

HSV Blend

#BCFF5E - #FFFA97 | 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 #BCFF5E as 0% and #FFFA97 as 100%.

0.0%	0.0% #BCFF5D	RGB 188 255 93	#BCFF5D
16.7%	16.7% #CBFF67	RGB 203 255 103	#CBFF67
33.3%	33.3% #D9FF70	RGB 217 255 112	#D9FF70
50.0%	50.0% #E6FF7A	RGB 230 255 122	#E6FF7A
66.7%	66.7% #F1FF83	RGB 241 255 131	#F1FF83
83.3%	83.3% #FBFF8D	RGB 251 255 141	#FBFF8D
100.0%	100.0% #FFFA97	RGB 255 250 151	#FFFA97

#BCFF5D #CBFF67 #D9FF70 #E6FF7A #F1FF83 #FBFF8D #FFFA97

#BCFF5E - #E6FF7A - #FFFA97

CSS codes

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

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