#FBFFFE - #ADCEA8 | 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 #FBFFFE a #ADCEA8

#FBFFFE #ADCEA8

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

#FBFFFE - #ADCEA8 | 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 #FBFFFE come 0% e #ADCEA8 come 100%.

0.0%	0.0% #FBFFFE	RGB 251 255 254	#FBFFFE
16.7%	16.7% #EEF6EF	RGB 238 246 239	#EEF6EF
33.3%	33.3% #E1EEE1	RGB 225 238 225	#E1EEE1
50.0%	50.0% #D4E6D3	RGB 212 230 211	#D4E6D3
66.7%	66.7% #C7DEC4	RGB 199 222 196	#C7DEC4
83.3%	83.3% #BAD6B6	RGB 186 214 182	#BAD6B6
100.0%	100.0% #ADCEA8	RGB 173 206 168	#ADCEA8

#FBFFFE #EEF6EF #E1EEE1 #D4E6D3 #C7DEC4 #BAD6B6 #ADCEA8

#FBFFFE - #ADCEA8

Miscela HSV

#FBFFFE - #ADCEA8 | 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 #FBFFFE come 0% e #ADCEA8 come 100%.

0.0%	0.0% #FBFFFE	RGB 251 255 254	#FBFFFE
16.7%	16.7% #ECF6F2	RGB 236 246 242	#ECF6F2
33.3%	33.3% #DDEEE5	RGB 221 238 229	#DDEEE5
50.0%	50.0% #CFE6D6	RGB 207 230 214	#CFE6D6
66.7%	66.7% #C1DEC6	RGB 193 222 198	#C1DEC6
83.3%	83.3% #B4D6B5	RGB 180 214 181	#B4D6B5
100.0%	100.0% #ADCEA8	RGB 173 206 168	#ADCEA8

#FBFFFE #ECF6F2 #DDEEE5 #CFE6D6 #C1DEC6 #B4D6B5 #ADCEA8

#FBFFFE - #CFE6D6 - #ADCEA8

Codici CSS

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

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