#0FFFA2 - #BAFFE4 | 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 #0FFFA2 to #BAFFE4

#0FFFA2 #BAFFE4

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

#0FFFA2 - #BAFFE4 | 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 #0FFFA2 as 0% and #BAFFE4 as 100%.

0.0%	0.0% #0FFFA2	RGB 15 255 162	#0FFFA2
16.7%	16.7% #2BFFAD	RGB 43 255 173	#2BFFAD
33.3%	33.3% #48FFB8	RGB 72 255 184	#48FFB8
50.0%	50.0% #64FFC3	RGB 100 255 195	#64FFC3
66.7%	66.7% #81FFCE	RGB 129 255 206	#81FFCE
83.3%	83.3% #9DFFD9	RGB 157 255 217	#9DFFD9
100.0%	100.0% #BAFFE4	RGB 186 255 228	#BAFFE4

#0FFFA2 #2BFFAD #48FFB8 #64FFC3 #81FFCE #9DFFD9 #BAFFE4

#0FFFA2 - #BAFFE4

HSV Blend

#0FFFA2 - #BAFFE4 | 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 #0FFFA2 as 0% and #BAFFE4 as 100%.

0.0%	0.0% #0EFFA2	RGB 14 255 162	#0EFFA2
16.7%	16.7% #2BFFAC	RGB 43 255 172	#2BFFAC
33.3%	33.3% #47FFB7	RGB 71 255 183	#47FFB7
50.0%	50.0% #64FFC2	RGB 100 255 194	#64FFC2
66.7%	66.7% #81FFCD	RGB 129 255 205	#81FFCD
83.3%	83.3% #9DFFD8	RGB 157 255 216	#9DFFD8
100.0%	100.0% #BAFFE4	RGB 186 255 228	#BAFFE4

#0EFFA2 #2BFFAC #47FFB7 #64FFC2 #81FFCD #9DFFD8 #BAFFE4

#0FFFA2 - #64FFC2 - #BAFFE4

CSS codes

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

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