#AABCA8 - #E6EBE6 | 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 #AABCA8 a #E6EBE6

#AABCA8 #E6EBE6

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

#AABCA8 - #E6EBE6 | 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 #AABCA8 come 0% e #E6EBE6 come 100%.

0.0%	0.0% #AABCA8	RGB 170 188 168	#AABCA8
16.7%	16.7% #B4C3B2	RGB 180 195 178	#B4C3B2
33.3%	33.3% #BECBBC	RGB 190 203 188	#BECBBC
50.0%	50.0% #C8D3C7	RGB 200 211 199	#C8D3C7
66.7%	66.7% #D2DBD1	RGB 210 219 209	#D2DBD1
83.3%	83.3% #DCE3DB	RGB 220 227 219	#DCE3DB
100.0%	100.0% #E6EBE6	RGB 230 235 230	#E6EBE6

#AABCA8 #B4C3B2 #BECBBC #C8D3C7 #D2DBD1 #DCE3DB #E6EBE6

#AABCA8 - #E6EBE6

Miscela HSV

#AABCA8 - #E6EBE6 | 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 #AABCA8 come 0% e #E6EBE6 come 100%.

0.0%	0.0% #AABCA8	RGB 170 188 168	#AABCA8
16.7%	16.7% #B3C3B1	RGB 179 195 177	#B3C3B1
33.3%	33.3% #BCCBBB	RGB 188 203 187	#BCCBBB
50.0%	50.0% #C6D3C6	RGB 198 211 198	#C6D3C6
66.7%	66.7% #D0DBD0	RGB 208 219 208	#D0DBD0
83.3%	83.3% #DBE3DB	RGB 219 227 219	#DBE3DB
100.0%	100.0% #E6EBE6	RGB 230 235 230	#E6EBE6

#AABCA8 #B3C3B1 #BCCBBB #C6D3C6 #D0DBD0 #DBE3DB #E6EBE6

#AABCA8 - #C6D3C6 - #E6EBE6

Codici CSS

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

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