#5E7B5F - #BAD880 | 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 #5E7B5F a #BAD880

#5E7B5F #BAD880

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

#5E7B5F - #BAD880 | 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 #5E7B5F come 0% e #BAD880 come 100%.

0.0%	0.0% #5E7B5F	RGB 94 123 95	#5E7B5F
16.7%	16.7% #6D8A64	RGB 109 138 100	#6D8A64
33.3%	33.3% #7C9A6A	RGB 124 154 106	#7C9A6A
50.0%	50.0% #8CA96F	RGB 140 169 111	#8CA96F
66.7%	66.7% #9BB975	RGB 155 185 117	#9BB975
83.3%	83.3% #AAC87A	RGB 170 200 122	#AAC87A
100.0%	100.0% #BAD880	RGB 186 216 128	#BAD880

#5E7B5F #6D8A64 #7C9A6A #8CA96F #9BB975 #AAC87A #BAD880

#5E7B5F - #BAD880

Miscela HSV

#5E7B5F - #BAD880 | 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 #5E7B5F come 0% e #BAD880 come 100%.

0.0%	0.0% #5E7B5F	RGB 94 123 95	#5E7B5F
16.7%	16.7% #688A65	RGB 104 138 101	#688A65
33.3%	33.3% #759A6C	RGB 117 154 108	#759A6C
50.0%	50.0% #84A972	RGB 132 169 114	#84A972
66.7%	66.7% #93B978	RGB 147 185 120	#93B978
83.3%	83.3% #A5C87C	RGB 165 200 124	#A5C87C
100.0%	100.0% #BAD880	RGB 186 216 128	#BAD880

#5E7B5F #688A65 #759A6C #84A972 #93B978 #A5C87C #BAD880

#5E7B5F - #84A972 - #BAD880

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B5F 0%, #84A972 50%, #BAD880 100%);
    background: -webkit-linear-gradient(top, #5E7B5F 0%, #84A972 50%, #BAD880 100%);
    background: linear-gradient(to bottom, #5E7B5F 0%, #84A972 50%, #BAD880 100%);
}
</style>