#ABC4A2 - #5E9A4D | 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 #ABC4A2 a #5E9A4D

#ABC4A2 #5E9A4D

Calcola il colore tra due colori, #ABC4A2 e #5E9A4D. 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)

#ABC4A2 - #5E9A4D | 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 #ABC4A2 come 0% e #5E9A4D come 100%.

0.0%	0.0% #ABC4A2	RGB 171 196 162	#ABC4A2
16.7%	16.7% #9EBD93	RGB 158 189 147	#9EBD93
33.3%	33.3% #91B685	RGB 145 182 133	#91B685
50.0%	50.0% #84AF77	RGB 132 175 119	#84AF77
66.7%	66.7% #77A869	RGB 119 168 105	#77A869
83.3%	83.3% #6AA15B	RGB 106 161 91	#6AA15B
100.0%	100.0% #5E9A4D	RGB 94 154 77	#5E9A4D

#ABC4A2 #9EBD93 #91B685 #84AF77 #77A869 #6AA15B #5E9A4D

#ABC4A2 - #5E9A4D

Miscela HSV

#ABC4A2 - #5E9A4D | 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 #ABC4A2 come 0% e #5E9A4D come 100%.

0.0%	0.0% #ABC4A2	RGB 171 196 162	#ABC4A2
16.7%	16.7% #9DBD91	RGB 157 189 145	#9DBD91
33.3%	33.3% #8FB682	RGB 143 182 130	#8FB682
50.0%	50.0% #82AF74	RGB 130 175 116	#82AF74
66.7%	66.7% #75A866	RGB 117 168 102	#75A866
83.3%	83.3% #69A159	RGB 105 161 89	#69A159
100.0%	100.0% #5E9A4D	RGB 94 154 77	#5E9A4D

#ABC4A2 #9DBD91 #8FB682 #82AF74 #75A866 #69A159 #5E9A4D

#ABC4A2 - #82AF74 - #5E9A4D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC4A2 0%, #82AF74 50%, #5E9A4D 100%);
    background: -webkit-linear-gradient(top, #ABC4A2 0%, #82AF74 50%, #5E9A4D 100%);
    background: linear-gradient(to bottom, #ABC4A2 0%, #82AF74 50%, #5E9A4D 100%);
}
</style>