#005B05 - #B6D0B7 | 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 #005B05 a #B6D0B7

#005B05 #B6D0B7

Calcola il colore tra due colori, #005B05 e #B6D0B7. 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)

#005B05 - #B6D0B7 | 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 #005B05 come 0% e #B6D0B7 come 100%.

0.0%	0.0% #005B05	RGB 0 91 5	#005B05
16.7%	16.7% #1E6E22	RGB 30 110 34	#1E6E22
33.3%	33.3% #3C8240	RGB 60 130 64	#3C8240
50.0%	50.0% #5B955E	RGB 91 149 94	#5B955E
66.7%	66.7% #79A97B	RGB 121 169 123	#79A97B
83.3%	83.3% #97BC99	RGB 151 188 153	#97BC99
100.0%	100.0% #B6D0B7	RGB 182 208 183	#B6D0B7

#005B05 #1E6E22 #3C8240 #5B955E #79A97B #97BC99 #B6D0B7

#005B05 - #B6D0B7

Miscela HSV

#005B05 - #B6D0B7 | 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 #005B05 come 0% e #B6D0B7 come 100%.

0.0%	0.0% #005B05	RGB 0 91 5	#005B05
16.7%	16.7% #106E15	RGB 16 110 21	#106E15
33.3%	33.3% #25822A	RGB 37 130 42	#25822A
50.0%	50.0% #419545	RGB 65 149 69	#419545
66.7%	66.7% #62A965	RGB 98 169 101	#62A965
83.3%	83.3% #89BC8B	RGB 137 188 139	#89BC8B
100.0%	100.0% #B6D0B7	RGB 182 208 183	#B6D0B7

#005B05 #106E15 #25822A #419545 #62A965 #89BC8B #B6D0B7

#005B05 - #419545 - #B6D0B7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005B05 0%, #419545 50%, #B6D0B7 100%);
    background: -webkit-linear-gradient(top, #005B05 0%, #419545 50%, #B6D0B7 100%);
    background: linear-gradient(to bottom, #005B05 0%, #419545 50%, #B6D0B7 100%);
}
</style>