#5E6B65 - #153A30 | 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 #5E6B65 a #153A30

#5E6B65 #153A30

Calcola il colore tra due colori, #5E6B65 e #153A30. 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)

#5E6B65 - #153A30 | 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 #5E6B65 come 0% e #153A30 come 100%.

0.0%	0.0% #5E6B65	RGB 94 107 101	#5E6B65
16.7%	16.7% #51625C	RGB 81 98 92	#51625C
33.3%	33.3% #455A53	RGB 69 90 83	#455A53
50.0%	50.0% #39524A	RGB 57 82 74	#39524A
66.7%	66.7% #2D4A41	RGB 45 74 65	#2D4A41
83.3%	83.3% #214238	RGB 33 66 56	#214238
100.0%	100.0% #153A30	RGB 21 58 48	#153A30

#5E6B65 #51625C #455A53 #39524A #2D4A41 #214238 #153A30

#5E6B65 - #153A30

Miscela HSV

#5E6B65 - #153A30 | 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 #5E6B65 come 0% e #153A30 come 100%.

0.0%	0.0% #5E6B65	RGB 94 107 101	#5E6B65
16.7%	16.7% #4E625A	RGB 78 98 90	#4E625A
33.3%	33.3% #405A50	RGB 64 90 80	#405A50
50.0%	50.0% #335247	RGB 51 82 71	#335247
66.7%	66.7% #274A3E	RGB 39 74 62	#274A3E
83.3%	83.3% #1D4237	RGB 29 66 55	#1D4237
100.0%	100.0% #153A30	RGB 21 58 48	#153A30

#5E6B65 #4E625A #405A50 #335247 #274A3E #1D4237 #153A30

#5E6B65 - #335247 - #153A30

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B65 0%, #335247 50%, #153A30 100%);
    background: -webkit-linear-gradient(top, #5E6B65 0%, #335247 50%, #153A30 100%);
    background: linear-gradient(to bottom, #5E6B65 0%, #335247 50%, #153A30 100%);
}
</style>