#2D5E43 - #8F968D | 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 #2D5E43 a #8F968D

#2D5E43 #8F968D

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

#2D5E43 - #8F968D | 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 #2D5E43 come 0% e #8F968D come 100%.

0.0%	0.0% #2D5E43	RGB 45 94 67	#2D5E43
16.7%	16.7% #3D674F	RGB 61 103 79	#3D674F
33.3%	33.3% #4D705B	RGB 77 112 91	#4D705B
50.0%	50.0% #5E7A68	RGB 94 122 104	#5E7A68
66.7%	66.7% #6E8374	RGB 110 131 116	#6E8374
83.3%	83.3% #7E8C80	RGB 126 140 128	#7E8C80
100.0%	100.0% #8F968D	RGB 143 150 141	#8F968D

#2D5E43 #3D674F #4D705B #5E7A68 #6E8374 #7E8C80 #8F968D

#2D5E43 - #8F968D

Miscela HSV

#2D5E43 - #8F968D | 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 #2D5E43 come 0% e #8F968D come 100%.

0.0%	0.0% #2D5E43	RGB 45 94 67	#2D5E43
16.7%	16.7% #396748	RGB 57 103 72	#396748
33.3%	33.3% #477050	RGB 71 112 80	#477050
50.0%	50.0% #567A5A	RGB 86 122 90	#567A5A
66.7%	66.7% #678367	RGB 103 131 103	#678367
83.3%	83.3% #7B8C79	RGB 123 140 121	#7B8C79
100.0%	100.0% #8F968D	RGB 143 150 141	#8F968D

#2D5E43 #396748 #477050 #567A5A #678367 #7B8C79 #8F968D

#2D5E43 - #567A5A - #8F968D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E43 0%, #567A5A 50%, #8F968D 100%);
    background: -webkit-linear-gradient(top, #2D5E43 0%, #567A5A 50%, #8F968D 100%);
    background: linear-gradient(to bottom, #2D5E43 0%, #567A5A 50%, #8F968D 100%);
}
</style>