#2A8266 - #C2DBD3 | 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 #2A8266 a #C2DBD3

#2A8266 #C2DBD3

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

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

0.0%	0.0% #2A8266	RGB 42 130 102	#2A8266
16.7%	16.7% #439078	RGB 67 144 120	#439078
33.3%	33.3% #5C9F8A	RGB 92 159 138	#5C9F8A
50.0%	50.0% #76AE9C	RGB 118 174 156	#76AE9C
66.7%	66.7% #8FBDAE	RGB 143 189 174	#8FBDAE
83.3%	83.3% #A8CCC0	RGB 168 204 192	#A8CCC0
100.0%	100.0% #C2DBD3	RGB 194 219 211	#C2DBD3

#2A8266 #439078 #5C9F8A #76AE9C #8FBDAE #A8CCC0 #C2DBD3

#2A8266 - #C2DBD3

Miscela HSV

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

0.0%	0.0% #2A8266	RGB 42 130 102	#2A8266
16.7%	16.7% #3C9075	RGB 60 144 117	#3C9075
33.3%	33.3% #519F86	RGB 81 159 134	#519F86
50.0%	50.0% #69AE98	RGB 105 174 152	#69AE98
66.7%	66.7% #84BDAB	RGB 132 189 171	#84BDAB
83.3%	83.3% #A1CCBE	RGB 161 204 190	#A1CCBE
100.0%	100.0% #C2DBD3	RGB 194 219 211	#C2DBD3

#2A8266 #3C9075 #519F86 #69AE98 #84BDAB #A1CCBE #C2DBD3

#2A8266 - #69AE98 - #C2DBD3

Codici CSS

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

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