#0FFFA3 - #FFFFA1 | 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 #0FFFA3 to #FFFFA1

#0FFFA3 #FFFFA1

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

#0FFFA3 - #FFFFA1 | 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 #0FFFA3 as 0% and #FFFFA1 as 100%.

0.0%	0.0% #0FFFA3	RGB 15 255 163	#0FFFA3
16.7%	16.7% #37FFA2	RGB 55 255 162	#37FFA2
33.3%	33.3% #5FFFA2	RGB 95 255 162	#5FFFA2
50.0%	50.0% #87FFA2	RGB 135 255 162	#87FFA2
66.7%	66.7% #AFFFA1	RGB 175 255 161	#AFFFA1
83.3%	83.3% #D7FFA1	RGB 215 255 161	#D7FFA1
100.0%	100.0% #FFFFA1	RGB 255 255 161	#FFFFA1

#0FFFA3 #37FFA2 #5FFFA2 #87FFA2 #AFFFA1 #D7FFA1 #FFFFA1

#0FFFA3 - #FFFFA1

HSV Blend

#0FFFA3 - #FFFFA1 | 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 #0FFFA3 as 0% and #FFFFA1 as 100%.

0.0%	0.0% #0EFFA3	RGB 14 255 163	#0EFFA3
16.7%	16.7% #27FF72	RGB 39 255 114	#27FF72
33.3%	33.3% #3FFF4E	RGB 63 255 78	#3FFF4E
50.0%	50.0% #78FF57	RGB 120 255 87	#78FF57
66.7%	66.7% #B2FF70	RGB 178 255 112	#B2FF70
83.3%	83.3% #DFFF88	RGB 223 255 136	#DFFF88
100.0%	100.0% #FFFFA1	RGB 255 255 161	#FFFFA1

#0EFFA3 #27FF72 #3FFF4E #78FF57 #B2FF70 #DFFF88 #FFFFA1

#0FFFA3 - #78FF57 - #FFFFA1

CSS codes

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

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