#0EFF5C - #BAFFCF | 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 #0EFF5C to #BAFFCF

#0EFF5C #BAFFCF

Calculate the color between two colors, #0EFF5C and #BAFFCF. 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)

#0EFF5C - #BAFFCF | 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 #0EFF5C as 0% and #BAFFCF as 100%.

0.0%	0.0% #0EFF5C	RGB 14 255 92	#0EFF5C
16.7%	16.7% #2AFF6F	RGB 42 255 111	#2AFF6F
33.3%	33.3% #47FF82	RGB 71 255 130	#47FF82
50.0%	50.0% #64FF95	RGB 100 255 149	#64FF95
66.7%	66.7% #80FFA8	RGB 128 255 168	#80FFA8
83.3%	83.3% #9DFFBB	RGB 157 255 187	#9DFFBB
100.0%	100.0% #BAFFCF	RGB 186 255 207	#BAFFCF

#0EFF5C #2AFF6F #47FF82 #64FF95 #80FFA8 #9DFFBB #BAFFCF

#0EFF5C - #BAFFCF

HSV Blend

#0EFF5C - #BAFFCF | 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 #0EFF5C as 0% and #BAFFCF as 100%.

0.0%	0.0% #0DFF5C	RGB 13 255 92	#0DFF5C
16.7%	16.7% #2AFF6E	RGB 42 255 110	#2AFF6E
33.3%	33.3% #47FF81	RGB 71 255 129	#47FF81
50.0%	50.0% #63FF94	RGB 99 255 148	#63FF94
66.7%	66.7% #80FFA7	RGB 128 255 167	#80FFA7
83.3%	83.3% #9DFFBB	RGB 157 255 187	#9DFFBB
100.0%	100.0% #BAFFCF	RGB 186 255 207	#BAFFCF

#0DFF5C #2AFF6E #47FF81 #63FF94 #80FFA7 #9DFFBB #BAFFCF

#0EFF5C - #63FF94 - #BAFFCF

CSS codes

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

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