#ADCBA5 - #5E964F | 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 #ADCBA5 a #5E964F

#ADCBA5 #5E964F

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

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

0.0%	0.0% #ADCBA5	RGB 173 203 165	#ADCBA5
16.7%	16.7% #9FC296	RGB 159 194 150	#9FC296
33.3%	33.3% #92B988	RGB 146 185 136	#92B988
50.0%	50.0% #85B07A	RGB 133 176 122	#85B07A
66.7%	66.7% #78A76B	RGB 120 167 107	#78A76B
83.3%	83.3% #6B9E5D	RGB 107 158 93	#6B9E5D
100.0%	100.0% #5E964F	RGB 94 150 79	#5E964F

#ADCBA5 #9FC296 #92B988 #85B07A #78A76B #6B9E5D #5E964F

#ADCBA5 - #5E964F

Miscela HSV

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

0.0%	0.0% #ADCBA5	RGB 173 203 165	#ADCBA5
16.7%	16.7% #9EC294	RGB 158 194 148	#9EC294
33.3%	33.3% #90B984	RGB 144 185 132	#90B984
50.0%	50.0% #82B076	RGB 130 176 118	#82B076
66.7%	66.7% #75A768	RGB 117 167 104	#75A768
83.3%	83.3% #699E5B	RGB 105 158 91	#699E5B
100.0%	100.0% #5E964F	RGB 94 150 79	#5E964F

#ADCBA5 #9EC294 #90B984 #82B076 #75A768 #699E5B #5E964F

#ADCBA5 - #82B076 - #5E964F

Codici CSS

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

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