#70FF8D - #FFFEA0 | 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 #70FF8D to #FFFEA0

#70FF8D #FFFEA0

Calculate the color between two colors, #70FF8D and #FFFEA0. 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)

#70FF8D - #FFFEA0 | 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 #70FF8D as 0% and #FFFEA0 as 100%.

0.0%	0.0% #70FF8D	RGB 112 255 141	#70FF8D
16.7%	16.7% #87FE90	RGB 135 254 144	#87FE90
33.3%	33.3% #9FFE93	RGB 159 254 147	#9FFE93
50.0%	50.0% #B7FE96	RGB 183 254 150	#B7FE96
66.7%	66.7% #CFFE99	RGB 207 254 153	#CFFE99
83.3%	83.3% #E7FE9C	RGB 231 254 156	#E7FE9C
100.0%	100.0% #FFFEA0	RGB 255 254 160	#FFFEA0

#70FF8D #87FE90 #9FFE93 #B7FE96 #CFFE99 #E7FE9C #FFFEA0

#70FF8D - #FFFEA0

HSV Blend

#70FF8D - #FFFEA0 | 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 #70FF8D as 0% and #FFFEA0 as 100%.

0.0%	0.0% #70FF8D	RGB 112 255 141	#70FF8D
16.7%	16.7% #78FF78	RGB 120 255 120	#78FF78
33.3%	33.3% #99FF80	RGB 153 255 128	#99FF80
50.0%	50.0% #B8FF88	RGB 184 255 136	#B8FF88
66.7%	66.7% #D3FF90	RGB 211 255 144	#D3FF90
83.3%	83.3% #EBFF98	RGB 235 255 152	#EBFF98
100.0%	100.0% #FFFEA0	RGB 255 254 160	#FFFEA0

#70FF8D #78FF78 #99FF80 #B8FF88 #D3FF90 #EBFF98 #FFFEA0

#70FF8D - #B8FF88 - #FFFEA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70FF8D 0%, #B8FF88 50%, #FFFEA0 100%);
    background: -webkit-linear-gradient(top, #70FF8D 0%, #B8FF88 50%, #FFFEA0 100%);
    background: linear-gradient(to bottom, #70FF8D 0%, #B8FF88 50%, #FFFEA0 100%);
}
</style>