#3B5E4D - #83AE61 | 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 #3B5E4D a #83AE61

#3B5E4D #83AE61

Calcola il colore tra due colori, #3B5E4D e #83AE61. 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)

#3B5E4D - #83AE61 | 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 #3B5E4D come 0% e #83AE61 come 100%.

0.0%	0.0% #3B5E4D	RGB 59 94 77	#3B5E4D
16.7%	16.7% #476B50	RGB 71 107 80	#476B50
33.3%	33.3% #537853	RGB 83 120 83	#537853
50.0%	50.0% #5F8657	RGB 95 134 87	#5F8657
66.7%	66.7% #6B935A	RGB 107 147 90	#6B935A
83.3%	83.3% #77A05D	RGB 119 160 93	#77A05D
100.0%	100.0% #83AE61	RGB 131 174 97	#83AE61

#3B5E4D #476B50 #537853 #5F8657 #6B935A #77A05D #83AE61

#3B5E4D - #83AE61

Miscela HSV

#3B5E4D - #83AE61 | 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 #3B5E4D come 0% e #83AE61 come 100%.

0.0%	0.0% #3B5E4D	RGB 59 94 77	#3B5E4D
16.7%	16.7% #426B50	RGB 66 107 80	#426B50
33.3%	33.3% #487852	RGB 72 120 82	#487852
50.0%	50.0% #4F8651	RGB 79 134 81	#4F8651
66.7%	66.7% #5D9355	RGB 93 147 85	#5D9355
83.3%	83.3% #6EA05B	RGB 110 160 91	#6EA05B
100.0%	100.0% #83AE61	RGB 131 174 97	#83AE61

#3B5E4D #426B50 #487852 #4F8651 #5D9355 #6EA05B #83AE61

#3B5E4D - #4F8651 - #83AE61

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E4D 0%, #4F8651 50%, #83AE61 100%);
    background: -webkit-linear-gradient(top, #3B5E4D 0%, #4F8651 50%, #83AE61 100%);
    background: linear-gradient(to bottom, #3B5E4D 0%, #4F8651 50%, #83AE61 100%);
}
</style>