#A2D9C3 - #E2FFAE | 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 #A2D9C3 a #E2FFAE

#A2D9C3 #E2FFAE

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

#A2D9C3 - #E2FFAE | 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 #A2D9C3 come 0% e #E2FFAE come 100%.

0.0%	0.0% #A2D9C3	RGB 162 217 195	#A2D9C3
16.7%	16.7% #ACDFBF	RGB 172 223 191	#ACDFBF
33.3%	33.3% #B7E5BC	RGB 183 229 188	#B7E5BC
50.0%	50.0% #C2ECB8	RGB 194 236 184	#C2ECB8
66.7%	66.7% #CCF2B5	RGB 204 242 181	#CCF2B5
83.3%	83.3% #D7F8B1	RGB 215 248 177	#D7F8B1
100.0%	100.0% #E2FFAE	RGB 226 255 174	#E2FFAE

#A2D9C3 #ACDFBF #B7E5BC #C2ECB8 #CCF2B5 #D7F8B1 #E2FFAE

#A2D9C3 - #E2FFAE

Miscela HSV

#A2D9C3 - #E2FFAE | 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 #A2D9C3 come 0% e #E2FFAE come 100%.

0.0%	0.0% #A2D9C3	RGB 162 217 195	#A2D9C3
16.7%	16.7% #A4DFBB	RGB 164 223 187	#A4DFBB
33.3%	33.3% #A6E5B2	RGB 166 229 178	#A6E5B2
50.0%	50.0% #AAECA8	RGB 170 236 168	#AAECA8
66.7%	66.7% #BAF2AA	RGB 186 242 170	#BAF2AA
83.3%	83.3% #CDF8AC	RGB 205 248 172	#CDF8AC
100.0%	100.0% #E2FFAE	RGB 226 255 174	#E2FFAE

#A2D9C3 #A4DFBB #A6E5B2 #AAECA8 #BAF2AA #CDF8AC #E2FFAE

#A2D9C3 - #AAECA8 - #E2FFAE

Codici CSS

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

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