#ADFFA8 - #FFF1B5 | 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 #ADFFA8 a #FFF1B5

#ADFFA8 #FFF1B5

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

#ADFFA8 - #FFF1B5 | 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 #ADFFA8 come 0% e #FFF1B5 come 100%.

0.0%	0.0% #ADFFA8	RGB 173 255 168	#ADFFA8
16.7%	16.7% #BAFCAA	RGB 186 252 170	#BAFCAA
33.3%	33.3% #C8FAAC	RGB 200 250 172	#C8FAAC
50.0%	50.0% #D6F8AE	RGB 214 248 174	#D6F8AE
66.7%	66.7% #E3F5B0	RGB 227 245 176	#E3F5B0
83.3%	83.3% #F1F3B2	RGB 241 243 178	#F1F3B2
100.0%	100.0% #FFF1B5	RGB 255 241 181	#FFF1B5

#ADFFA8 #BAFCAA #C8FAAC #D6F8AE #E3F5B0 #F1F3B2 #FFF1B5

#ADFFA8 - #FFF1B5

Miscela HSV

#ADFFA8 - #FFF1B5 | 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 #ADFFA8 come 0% e #FFF1B5 come 100%.

0.0%	0.0% #ADFFA8	RGB 173 255 168	#ADFFA8
16.7%	16.7% #BFFFAA	RGB 191 255 170	#BFFFAA
33.3%	33.3% #D0FFAC	RGB 208 255 172	#D0FFAC
50.0%	50.0% #E0FFAE	RGB 224 255 174	#E0FFAE
66.7%	66.7% #F0FFB0	RGB 240 255 176	#F0FFB0
83.3%	83.3% #FFFEB2	RGB 255 254 178	#FFFEB2
100.0%	100.0% #FFF1B5	RGB 255 241 181	#FFF1B5

#ADFFA8 #BFFFAA #D0FFAC #E0FFAE #F0FFB0 #FFFEB2 #FFF1B5

#ADFFA8 - #E0FFAE - #FFF1B5

Codici CSS

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

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