#ACE3C0 - #4DB38D | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #ACE3C0 a #4DB38D

#ACE3C0 #4DB38D

Calcola il colore tra due colori, #ACE3C0 e #4DB38D. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#ACE3C0 - #4DB38D | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #ACE3C0 come 0% e #4DB38D come 100%.

0.0%	0.0% #ACE3C0	RGB 172 227 192	#ACE3C0
16.7%	16.7% #9CDBB7	RGB 156 219 183	#9CDBB7
33.3%	33.3% #8CD3AF	RGB 140 211 175	#8CD3AF
50.0%	50.0% #7CCBA6	RGB 124 203 166	#7CCBA6
66.7%	66.7% #6CC39E	RGB 108 195 158	#6CC39E
83.3%	83.3% #5CBB95	RGB 92 187 149	#5CBB95
100.0%	100.0% #4DB38D	RGB 77 179 141	#4DB38D

#ACE3C0 #9CDBB7 #8CD3AF #7CCBA6 #6CC39E #5CBB95 #4DB38D

#ACE3C0 - #4DB38D

Miscela HSV

#ACE3C0 - #4DB38D | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #ACE3C0 come 0% e #4DB38D come 100%.

0.0%	0.0% #ACE3C0	RGB 172 227 192	#ACE3C0
16.7%	16.7% #99DBB4	RGB 153 219 180	#99DBB4
33.3%	33.3% #88D3AA	RGB 136 211 170	#88D3AA
50.0%	50.0% #78CBA1	RGB 120 203 161	#78CBA1
66.7%	66.7% #69C399	RGB 105 195 153	#69C399
83.3%	83.3% #5ABB92	RGB 90 187 146	#5ABB92
100.0%	100.0% #4DB38D	RGB 77 179 141	#4DB38D

#ACE3C0 #99DBB4 #88D3AA #78CBA1 #69C399 #5ABB92 #4DB38D

#ACE3C0 - #78CBA1 - #4DB38D

Codici CSS

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

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