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

#0FFFA1 #BAFFE4

Calculate the color between two colors, #0FFFA1 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)

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

0.0%	0.0% #0FFFA1	RGB 15 255 161	#0FFFA1
16.7%	16.7% #2BFFAC	RGB 43 255 172	#2BFFAC
33.3%	33.3% #48FFB7	RGB 72 255 183	#48FFB7
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

#0FFFA1 #2BFFAC #48FFB7 #64FFC2 #81FFCD #9DFFD8 #BAFFE4

#0FFFA1 - #BAFFE4

HSV Blend

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

0.0%	0.0% #0EFFA0	RGB 14 255 160	#0EFFA0
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

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

#0FFFA1 - #64FFC2 - #BAFFE4

CSS codes

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

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