#0E5B5E - #8AB3A0 | 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 #0E5B5E a #8AB3A0

#0E5B5E #8AB3A0

Calcola il colore tra due colori, #0E5B5E e #8AB3A0. 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)

#0E5B5E - #8AB3A0 | 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 #0E5B5E come 0% e #8AB3A0 come 100%.

0.0%	0.0% #0E5B5E	RGB 14 91 94	#0E5B5E
16.7%	16.7% #226969	RGB 34 105 105	#226969
33.3%	33.3% #377874	RGB 55 120 116	#377874
50.0%	50.0% #4C877F	RGB 76 135 127	#4C877F
66.7%	66.7% #60958A	RGB 96 149 138	#60958A
83.3%	83.3% #75A495	RGB 117 164 149	#75A495
100.0%	100.0% #8AB3A0	RGB 138 179 160	#8AB3A0

#0E5B5E #226969 #377874 #4C877F #60958A #75A495 #8AB3A0

#0E5B5E - #8AB3A0

Miscela HSV

#0E5B5E - #8AB3A0 | 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 #0E5B5E come 0% e #8AB3A0 come 100%.

0.0%	0.0% #0D5A5E	RGB 13 90 94	#0D5A5E
16.7%	16.7% #1B6C68	RGB 27 108 104	#1B6C68
33.3%	33.3% #2B7A70	RGB 43 122 112	#2B7A70
50.0%	50.0% #3E8878	RGB 62 136 120	#3E8878
66.7%	66.7% #549683	RGB 84 150 131	#549683
83.3%	83.3% #6DA48F	RGB 109 164 143	#6DA48F
100.0%	100.0% #8AB3A0	RGB 138 179 160	#8AB3A0

#0D5A5E #1B6C68 #2B7A70 #3E8878 #549683 #6DA48F #8AB3A0

#0E5B5E - #3E8878 - #8AB3A0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D5A5E 0%, #3E8878 50%, #8AB3A0 100%);
    background: -webkit-linear-gradient(top, #0D5A5E 0%, #3E8878 50%, #8AB3A0 100%);
    background: linear-gradient(to bottom, #0D5A5E 0%, #3E8878 50%, #8AB3A0 100%);
}
</style>