#ACDA8C - #FFEFA7 | 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 #ACDA8C a #FFEFA7

#ACDA8C #FFEFA7

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

#ACDA8C - #FFEFA7 | 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 #ACDA8C come 0% e #FFEFA7 come 100%.

0.0%	0.0% #ACDA8C	RGB 172 218 140	#ACDA8C
16.7%	16.7% #B9DD90	RGB 185 221 144	#B9DD90
33.3%	33.3% #C7E195	RGB 199 225 149	#C7E195
50.0%	50.0% #D5E499	RGB 213 228 153	#D5E499
66.7%	66.7% #E3E89E	RGB 227 232 158	#E3E89E
83.3%	83.3% #F1EBA2	RGB 241 235 162	#F1EBA2
100.0%	100.0% #FFEFA7	RGB 255 239 167	#FFEFA7

#ACDA8C #B9DD90 #C7E195 #D5E499 #E3E89E #F1EBA2 #FFEFA7

#ACDA8C - #FFEFA7

Miscela HSV

#ACDA8C - #FFEFA7 | 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 #ACDA8C come 0% e #FFEFA7 come 100%.

0.0%	0.0% #ACDA8C	RGB 172 218 140	#ACDA8C
16.7%	16.7% #BBE090	RGB 187 224 144	#BBE090
33.3%	33.3% #CBE694	RGB 203 230 148	#CBE694
50.0%	50.0% #DBEC99	RGB 219 236 153	#DBEC99
66.7%	66.7% #ECF29D	RGB 236 242 157	#ECF29D
83.3%	83.3% #F8F4A2	RGB 248 244 162	#F8F4A2
100.0%	100.0% #FFEFA7	RGB 255 239 167	#FFEFA7

#ACDA8C #BBE090 #CBE694 #DBEC99 #ECF29D #F8F4A2 #FFEFA7

#ACDA8C - #DBEC99 - #FFEFA7

Codici CSS

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

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