#E7F0E7 - #A8BB8C | 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 #E7F0E7 a #A8BB8C

#E7F0E7 #A8BB8C

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

#E7F0E7 - #A8BB8C | 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 #E7F0E7 come 0% e #A8BB8C come 100%.

0.0%	0.0% #E7F0E7	RGB 231 240 231	#E7F0E7
16.7%	16.7% #DCE7D7	RGB 220 231 215	#DCE7D7
33.3%	33.3% #D2DEC8	RGB 210 222 200	#D2DEC8
50.0%	50.0% #C7D5B9	RGB 199 213 185	#C7D5B9
66.7%	66.7% #BDCCAA	RGB 189 204 170	#BDCCAA
83.3%	83.3% #B2C39B	RGB 178 195 155	#B2C39B
100.0%	100.0% #A8BB8C	RGB 168 187 140	#A8BB8C

#E7F0E7 #DCE7D7 #D2DEC8 #C7D5B9 #BDCCAA #B2C39B #A8BB8C

#E7F0E7 - #A8BB8C

Miscela HSV

#E7F0E7 - #A8BB8C | 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 #E7F0E7 come 0% e #A8BB8C come 100%.

0.0%	0.0% #E7F0E7	RGB 231 240 231	#E7F0E7
16.7%	16.7% #D7E7D6	RGB 215 231 214	#D7E7D6
33.3%	33.3% #CADEC6	RGB 202 222 198	#CADEC6
50.0%	50.0% #BFD5B6	RGB 191 213 182	#BFD5B6
66.7%	66.7% #B6CCA7	RGB 182 204 167	#B6CCA7
83.3%	83.3% #AEC399	RGB 174 195 153	#AEC399
100.0%	100.0% #A8BB8C	RGB 168 187 140	#A8BB8C

#E7F0E7 #D7E7D6 #CADEC6 #BFD5B6 #B6CCA7 #AEC399 #A8BB8C

#E7F0E7 - #BFD5B6 - #A8BB8C

Codici CSS

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

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