#00554F - #5EAF83 | 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 #00554F a #5EAF83

#00554F #5EAF83

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

#00554F - #5EAF83 | 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 #00554F come 0% e #5EAF83 come 100%.

0.0%	0.0% #00554F	RGB 0 85 79	#00554F
16.7%	16.7% #0F6457	RGB 15 100 87	#0F6457
33.3%	33.3% #1F7360	RGB 31 115 96	#1F7360
50.0%	50.0% #2F8269	RGB 47 130 105	#2F8269
66.7%	66.7% #3E9171	RGB 62 145 113	#3E9171
83.3%	83.3% #4EA07A	RGB 78 160 122	#4EA07A
100.0%	100.0% #5EAF83	RGB 94 175 131	#5EAF83

#00554F #0F6457 #1F7360 #2F8269 #3E9171 #4EA07A #5EAF83

#00554F - #5EAF83

Miscela HSV

#00554F - #5EAF83 | 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 #00554F come 0% e #5EAF83 come 100%.

0.0%	0.0% #00554F	RGB 0 85 79	#00554F
16.7%	16.7% #086456	RGB 8 100 86	#086456
33.3%	33.3% #14735D	RGB 20 115 93	#14735D
50.0%	50.0% #228264	RGB 34 130 100	#228264
66.7%	66.7% #33916D	RGB 51 145 109	#33916D
83.3%	83.3% #47A076	RGB 71 160 118	#47A076
100.0%	100.0% #5EAF83	RGB 94 175 131	#5EAF83

#00554F #086456 #14735D #228264 #33916D #47A076 #5EAF83

#00554F - #228264 - #5EAF83

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00554F 0%, #228264 50%, #5EAF83 100%);
    background: -webkit-linear-gradient(top, #00554F 0%, #228264 50%, #5EAF83 100%);
    background: linear-gradient(to bottom, #00554F 0%, #228264 50%, #5EAF83 100%);
}
</style>