#2DFFCE - #FFFFA8 | 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 #2DFFCE to #FFFFA8

#2DFFCE #FFFFA8

Calculate the color between two colors, #2DFFCE and #FFFFA8. 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)

#2DFFCE - #FFFFA8 | 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 #2DFFCE as 0% and #FFFFA8 as 100%.

0.0%	0.0% #2DFFCE	RGB 45 255 206	#2DFFCE
16.7%	16.7% #50FFC7	RGB 80 255 199	#50FFC7
33.3%	33.3% #73FFC1	RGB 115 255 193	#73FFC1
50.0%	50.0% #96FFBB	RGB 150 255 187	#96FFBB
66.7%	66.7% #B9FFB4	RGB 185 255 180	#B9FFB4
83.3%	83.3% #DCFFAE	RGB 220 255 174	#DCFFAE
100.0%	100.0% #FFFFA8	RGB 255 255 168	#FFFFA8

#2DFFCE #50FFC7 #73FFC1 #96FFBB #B9FFB4 #DCFFAE #FFFFA8

#2DFFCE - #FFFFA8

HSV Blend

#2DFFCE - #FFFFA8 | 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 #2DFFCE as 0% and #FFFFA8 as 100%.

0.0%	0.0% #2CFFCE	RGB 44 255 206	#2CFFCE
16.7%	16.7% #41FF9A	RGB 65 255 154	#41FF9A
33.3%	33.3% #55FF74	RGB 85 255 116	#55FF74
50.0%	50.0% #7BFF6A	RGB 123 255 106	#7BFF6A
66.7%	66.7% #B3FF7F	RGB 179 255 127	#B3FF7F
83.3%	83.3% #DFFF93	RGB 223 255 147	#DFFF93
100.0%	100.0% #FFFFA8	RGB 255 255 168	#FFFFA8

#2CFFCE #41FF9A #55FF74 #7BFF6A #B3FF7F #DFFF93 #FFFFA8

#2DFFCE - #7BFF6A - #FFFFA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CFFCE 0%, #7BFF6A 50%, #FFFFA8 100%);
    background: -webkit-linear-gradient(top, #2CFFCE 0%, #7BFF6A 50%, #FFFFA8 100%);
    background: linear-gradient(to bottom, #2CFFCE 0%, #7BFF6A 50%, #FFFFA8 100%);
}
</style>