#0FFFA1 - #FFFFA0 | 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 #FFFFA0

#0FFFA1 #FFFFA0

Calculate the color between two colors, #0FFFA1 and #FFFFA0. 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 - #FFFFA0 | 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 #FFFFA0 as 100%.

0.0%	0.0% #0FFFA1	RGB 15 255 161	#0FFFA1
16.7%	16.7% #37FFA0	RGB 55 255 160	#37FFA0
33.3%	33.3% #5FFFA0	RGB 95 255 160	#5FFFA0
50.0%	50.0% #87FFA0	RGB 135 255 160	#87FFA0
66.7%	66.7% #AFFFA0	RGB 175 255 160	#AFFFA0
83.3%	83.3% #D7FFA0	RGB 215 255 160	#D7FFA0
100.0%	100.0% #FFFFA0	RGB 255 255 160	#FFFFA0

#0FFFA1 #37FFA0 #5FFFA0 #87FFA0 #AFFFA0 #D7FFA0 #FFFFA0

#0FFFA1 - #FFFFA0

HSV Blend

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

0.0%	0.0% #0EFFA0	RGB 14 255 160	#0EFFA0
16.7%	16.7% #27FF70	RGB 39 255 112	#27FF70
33.3%	33.3% #3FFF4D	RGB 63 255 77	#3FFF4D
50.0%	50.0% #78FF57	RGB 120 255 87	#78FF57
66.7%	66.7% #B2FF6F	RGB 178 255 111	#B2FF6F
83.3%	83.3% #DFFF87	RGB 223 255 135	#DFFF87
100.0%	100.0% #FFFFA0	RGB 255 255 160	#FFFFA0

#0EFFA0 #27FF70 #3FFF4D #78FF57 #B2FF6F #DFFF87 #FFFFA0

#0FFFA1 - #78FF57 - #FFFFA0

CSS codes

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

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