#A8C784 - #E6EFDB | 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 #A8C784 a #E6EFDB

#A8C784 #E6EFDB

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

#A8C784 - #E6EFDB | 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 #A8C784 come 0% e #E6EFDB come 100%.

0.0%	0.0% #A8C784	RGB 168 199 132	#A8C784
16.7%	16.7% #B2CD92	RGB 178 205 146	#B2CD92
33.3%	33.3% #BCD4A1	RGB 188 212 161	#BCD4A1
50.0%	50.0% #C7DBAF	RGB 199 219 175	#C7DBAF
66.7%	66.7% #D1E1BE	RGB 209 225 190	#D1E1BE
83.3%	83.3% #DBE8CC	RGB 219 232 204	#DBE8CC
100.0%	100.0% #E6EFDB	RGB 230 239 219	#E6EFDB

#A8C784 #B2CD92 #BCD4A1 #C7DBAF #D1E1BE #DBE8CC #E6EFDB

#A8C784 - #E6EFDB

Miscela HSV

#A8C784 - #E6EFDB | 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 #A8C784 come 0% e #E6EFDB come 100%.

0.0%	0.0% #A8C784	RGB 168 199 132	#A8C784
16.7%	16.7% #B1CD91	RGB 177 205 145	#B1CD91
33.3%	33.3% #BBD49E	RGB 187 212 158	#BBD49E
50.0%	50.0% #C5DBAC	RGB 197 219 172	#C5DBAC
66.7%	66.7% #D0E1BB	RGB 208 225 187	#D0E1BB
83.3%	83.3% #DBE8CB	RGB 219 232 203	#DBE8CB
100.0%	100.0% #E6EFDB	RGB 230 239 219	#E6EFDB

#A8C784 #B1CD91 #BBD49E #C5DBAC #D0E1BB #DBE8CB #E6EFDB

#A8C784 - #C5DBAC - #E6EFDB

Codici CSS

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

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