#C0EDA8 - #364330 | 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 #C0EDA8 a #364330

#C0EDA8 #364330

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

#C0EDA8 - #364330 | 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 #C0EDA8 come 0% e #364330 come 100%.

0.0%	0.0% #C0EDA8	RGB 192 237 168	#C0EDA8
16.7%	16.7% #A9D094	RGB 169 208 148	#A9D094
33.3%	33.3% #92B480	RGB 146 180 128	#92B480
50.0%	50.0% #7B986C	RGB 123 152 108	#7B986C
66.7%	66.7% #647B58	RGB 100 123 88	#647B58
83.3%	83.3% #4D5F44	RGB 77 95 68	#4D5F44
100.0%	100.0% #364330	RGB 54 67 48	#364330

#C0EDA8 #A9D094 #92B480 #7B986C #647B58 #4D5F44 #364330

#C0EDA8 - #364330

Miscela HSV

#C0EDA8 - #364330 | 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 #C0EDA8 come 0% e #364330 come 100%.

0.0%	0.0% #C0EDA8	RGB 192 237 168	#C0EDA8
16.7%	16.7% #A8D094	RGB 168 208 148	#A8D094
33.3%	33.3% #91B480	RGB 145 180 128	#91B480
50.0%	50.0% #7A986C	RGB 122 152 108	#7A986C
66.7%	66.7% #637B58	RGB 99 123 88	#637B58
83.3%	83.3% #4C5F44	RGB 76 95 68	#4C5F44
100.0%	100.0% #364330	RGB 54 67 48	#364330

#C0EDA8 #A8D094 #91B480 #7A986C #637B58 #4C5F44 #364330

#C0EDA8 - #7A986C - #364330

Codici CSS

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

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