#A8C7AB - #E6EFE7 | 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 #A8C7AB a #E6EFE7

#A8C7AB #E6EFE7

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

#A8C7AB - #E6EFE7 | 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 #A8C7AB come 0% e #E6EFE7 come 100%.

0.0%	0.0% #A8C7AB	RGB 168 199 171	#A8C7AB
16.7%	16.7% #B2CDB5	RGB 178 205 181	#B2CDB5
33.3%	33.3% #BCD4BF	RGB 188 212 191	#BCD4BF
50.0%	50.0% #C7DBC9	RGB 199 219 201	#C7DBC9
66.7%	66.7% #D1E1D3	RGB 209 225 211	#D1E1D3
83.3%	83.3% #DBE8DD	RGB 219 232 221	#DBE8DD
100.0%	100.0% #E6EFE7	RGB 230 239 231	#E6EFE7

#A8C7AB #B2CDB5 #BCD4BF #C7DBC9 #D1E1D3 #DBE8DD #E6EFE7

#A8C7AB - #E6EFE7

Miscela HSV

#A8C7AB - #E6EFE7 | 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 #A8C7AB come 0% e #E6EFE7 come 100%.

0.0%	0.0% #A8C7AB	RGB 168 199 171	#A8C7AB
16.7%	16.7% #B1CDB4	RGB 177 205 180	#B1CDB4
33.3%	33.3% #BBD4BE	RGB 187 212 190	#BBD4BE
50.0%	50.0% #C5DBC8	RGB 197 219 200	#C5DBC8
66.7%	66.7% #D0E1D2	RGB 208 225 210	#D0E1D2
83.3%	83.3% #DBE8DC	RGB 219 232 220	#DBE8DC
100.0%	100.0% #E6EFE7	RGB 230 239 231	#E6EFE7

#A8C7AB #B1CDB4 #BBD4BE #C5DBC8 #D0E1D2 #DBE8DC #E6EFE7

#A8C7AB - #C5DBC8 - #E6EFE7

Codici CSS

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

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