#A2D9A2 - #FFEBAE | 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 #A2D9A2 a #FFEBAE

#A2D9A2 #FFEBAE

Calcola il colore tra due colori, #A2D9A2 e #FFEBAE. 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)

#A2D9A2 - #FFEBAE | 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 #A2D9A2 come 0% e #FFEBAE come 100%.

0.0%	0.0% #A2D9A2	RGB 162 217 162	#A2D9A2
16.7%	16.7% #B1DCA4	RGB 177 220 164	#B1DCA4
33.3%	33.3% #C1DFA6	RGB 193 223 166	#C1DFA6
50.0%	50.0% #D0E2A8	RGB 208 226 168	#D0E2A8
66.7%	66.7% #E0E5AA	RGB 224 229 170	#E0E5AA
83.3%	83.3% #EFE8AC	RGB 239 232 172	#EFE8AC
100.0%	100.0% #FFEBAE	RGB 255 235 174	#FFEBAE

#A2D9A2 #B1DCA4 #C1DFA6 #D0E2A8 #E0E5AA #EFE8AC #FFEBAE

#A2D9A2 - #FFEBAE

Miscela HSV

#A2D9A2 - #FFEBAE | 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 #A2D9A2 come 0% e #FFEBAE come 100%.

0.0%	0.0% #A2D9A2	RGB 162 217 162	#A2D9A2
16.7%	16.7% #B0DFA4	RGB 176 223 164	#B0DFA4
33.3%	33.3% #C0E5A6	RGB 192 229 166	#C0E5A6
50.0%	50.0% #D2ECA8	RGB 210 236 168	#D2ECA8
66.7%	66.7% #E6F2AA	RGB 230 242 170	#E6F2AA
83.3%	83.3% #F8F5AC	RGB 248 245 172	#F8F5AC
100.0%	100.0% #FFEBAE	RGB 255 235 174	#FFEBAE

#A2D9A2 #B0DFA4 #C0E5A6 #D2ECA8 #E6F2AA #F8F5AC #FFEBAE

#A2D9A2 - #D2ECA8 - #FFEBAE

Codici CSS

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

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