#B0FF6C - #FFFA9C | 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 #B0FF6C to #FFFA9C

#B0FF6C #FFFA9C

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

#B0FF6C - #FFFA9C | 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 #B0FF6C as 0% and #FFFA9C as 100%.

0.0%	0.0% #B0FF6C	RGB 176 255 108	#B0FF6C
16.7%	16.7% #BDFE74	RGB 189 254 116	#BDFE74
33.3%	33.3% #CAFD7C	RGB 202 253 124	#CAFD7C
50.0%	50.0% #D7FC84	RGB 215 252 132	#D7FC84
66.7%	66.7% #E4FB8C	RGB 228 251 140	#E4FB8C
83.3%	83.3% #F1FA94	RGB 241 250 148	#F1FA94
100.0%	100.0% #FFFA9C	RGB 255 250 156	#FFFA9C

#B0FF6C #BDFE74 #CAFD7C #D7FC84 #E4FB8C #F1FA94 #FFFA9C

#B0FF6C - #FFFA9C

HSV Blend

#B0FF6C - #FFFA9C | 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 #B0FF6C as 0% and #FFFA9C as 100%.

0.0%	0.0% #AFFF6C	RGB 175 255 108	#AFFF6C
16.7%	16.7% #C1FF74	RGB 193 255 116	#C1FF74
33.3%	33.3% #D2FF7C	RGB 210 255 124	#D2FF7C
50.0%	50.0% #E1FF84	RGB 225 255 132	#E1FF84
66.7%	66.7% #EEFF8C	RGB 238 255 140	#EEFF8C
83.3%	83.3% #F9FF94	RGB 249 255 148	#F9FF94
100.0%	100.0% #FFFA9C	RGB 255 250 156	#FFFA9C

#AFFF6C #C1FF74 #D2FF7C #E1FF84 #EEFF8C #F9FF94 #FFFA9C

#B0FF6C - #E1FF84 - #FFFA9C

CSS codes

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

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