#2B7E32 - #C2DAC3 | 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 #2B7E32 a #C2DAC3

#2B7E32 #C2DAC3

Calcola il colore tra due colori, #2B7E32 e #C2DAC3. 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)

#2B7E32 - #C2DAC3 | 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 #2B7E32 come 0% e #C2DAC3 come 100%.

0.0%	0.0% #2B7E32	RGB 43 126 50	#2B7E32
16.7%	16.7% #448D4A	RGB 68 141 74	#448D4A
33.3%	33.3% #5D9C62	RGB 93 156 98	#5D9C62
50.0%	50.0% #76AC7A	RGB 118 172 122	#76AC7A
66.7%	66.7% #8FBB92	RGB 143 187 146	#8FBB92
83.3%	83.3% #A8CAAA	RGB 168 202 170	#A8CAAA
100.0%	100.0% #C2DAC3	RGB 194 218 195	#C2DAC3

#2B7E32 #448D4A #5D9C62 #76AC7A #8FBB92 #A8CAAA #C2DAC3

#2B7E32 - #C2DAC3

Miscela HSV

#2B7E32 - #C2DAC3 | 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 #2B7E32 come 0% e #C2DAC3 come 100%.

0.0%	0.0% #2B7E32	RGB 43 126 50	#2B7E32
16.7%	16.7% #3D8D43	RGB 61 141 67	#3D8D43
33.3%	33.3% #529C57	RGB 82 156 87	#529C57
50.0%	50.0% #69AC6E	RGB 105 172 110	#69AC6E
66.7%	66.7% #84BB87	RGB 132 187 135	#84BB87
83.3%	83.3% #A1CAA3	RGB 161 202 163	#A1CAA3
100.0%	100.0% #C2DAC3	RGB 194 218 195	#C2DAC3

#2B7E32 #3D8D43 #529C57 #69AC6E #84BB87 #A1CAA3 #C2DAC3

#2B7E32 - #69AC6E - #C2DAC3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B7E32 0%, #69AC6E 50%, #C2DAC3 100%);
    background: -webkit-linear-gradient(top, #2B7E32 0%, #69AC6E 50%, #C2DAC3 100%);
    background: linear-gradient(to bottom, #2B7E32 0%, #69AC6E 50%, #C2DAC3 100%);
}
</style>