#BDFF85 - #FFF6AC | 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 #BDFF85 to #FFF6AC

#BDFF85 #FFF6AC

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

#BDFF85 - #FFF6AC | 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 #BDFF85 as 0% and #FFF6AC as 100%.

0.0%	0.0% #BDFF85	RGB 189 255 133	#BDFF85
16.7%	16.7% #C8FD8B	RGB 200 253 139	#C8FD8B
33.3%	33.3% #D3FC92	RGB 211 252 146	#D3FC92
50.0%	50.0% #DEFA98	RGB 222 250 152	#DEFA98
66.7%	66.7% #E9F99F	RGB 233 249 159	#E9F99F
83.3%	83.3% #F4F7A5	RGB 244 247 165	#F4F7A5
100.0%	100.0% #FFF6AC	RGB 255 246 172	#FFF6AC

#BDFF85 #C8FD8B #D3FC92 #DEFA98 #E9F99F #F4F7A5 #FFF6AC

#BDFF85 - #FFF6AC

HSV Blend

#BDFF85 - #FFF6AC | 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 #BDFF85 as 0% and #FFF6AC as 100%.

0.0%	0.0% #BDFF85	RGB 189 255 133	#BDFF85
16.7%	16.7% #CDFF8B	RGB 205 255 139	#CDFF8B
33.3%	33.3% #DBFF92	RGB 219 255 146	#DBFF92
50.0%	50.0% #E8FF98	RGB 232 255 152	#E8FF98
66.7%	66.7% #F4FF9F	RGB 244 255 159	#F4FF9F
83.3%	83.3% #FFFEA5	RGB 255 254 165	#FFFEA5
100.0%	100.0% #FFF6AC	RGB 255 246 172	#FFF6AC

#BDFF85 #CDFF8B #DBFF92 #E8FF98 #F4FF9F #FFFEA5 #FFF6AC

#BDFF85 - #E8FF98 - #FFF6AC

CSS codes

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

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