#A8FCAB - #E6FEE7 | 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 #A8FCAB a #E6FEE7

#A8FCAB #E6FEE7

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

#A8FCAB - #E6FEE7 | 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 #A8FCAB come 0% e #E6FEE7 come 100%.

0.0%	0.0% #A8FCAB	RGB 168 252 171	#A8FCAB
16.7%	16.7% #B2FCB5	RGB 178 252 181	#B2FCB5
33.3%	33.3% #BCFCBF	RGB 188 252 191	#BCFCBF
50.0%	50.0% #C7FDC9	RGB 199 253 201	#C7FDC9
66.7%	66.7% #D1FDD3	RGB 209 253 211	#D1FDD3
83.3%	83.3% #DBFDDD	RGB 219 253 221	#DBFDDD
100.0%	100.0% #E6FEE7	RGB 230 254 231	#E6FEE7

#A8FCAB #B2FCB5 #BCFCBF #C7FDC9 #D1FDD3 #DBFDDD #E6FEE7

#A8FCAB - #E6FEE7

Miscela HSV

#A8FCAB - #E6FEE7 | 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 #A8FCAB come 0% e #E6FEE7 come 100%.

0.0%	0.0% #A8FCAB	RGB 168 252 171	#A8FCAB
16.7%	16.7% #B2FCB4	RGB 178 252 180	#B2FCB4
33.3%	33.3% #BCFCBE	RGB 188 252 190	#BCFCBE
50.0%	50.0% #C6FDC8	RGB 198 253 200	#C6FDC8
66.7%	66.7% #D1FDD2	RGB 209 253 210	#D1FDD2
83.3%	83.3% #DBFDDC	RGB 219 253 220	#DBFDDC
100.0%	100.0% #E6FEE7	RGB 230 254 231	#E6FEE7

#A8FCAB #B2FCB4 #BCFCBE #C6FDC8 #D1FDD2 #DBFDDC #E6FEE7

#A8FCAB - #C6FDC8 - #E6FEE7

Codici CSS

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

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