#898C7E - #ABFECC | 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 #898C7E a #ABFECC

#898C7E #ABFECC

Calcola il colore tra due colori, #898C7E e #ABFECC. 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)

#898C7E - #ABFECC | 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 #898C7E come 0% e #ABFECC come 100%.

0.0%	0.0% #898C7E	RGB 137 140 126	#898C7E
16.7%	16.7% #8E9F8B	RGB 142 159 139	#8E9F8B
33.3%	33.3% #94B298	RGB 148 178 152	#94B298
50.0%	50.0% #9AC5A5	RGB 154 197 165	#9AC5A5
66.7%	66.7% #9FD8B2	RGB 159 216 178	#9FD8B2
83.3%	83.3% #A5EBBF	RGB 165 235 191	#A5EBBF
100.0%	100.0% #ABFECC	RGB 171 254 204	#ABFECC

#898C7E #8E9F8B #94B298 #9AC5A5 #9FD8B2 #A5EBBF #ABFECC

#898C7E - #ABFECC

Miscela HSV

#898C7E - #ABFECC | 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 #898C7E come 0% e #ABFECC come 100%.

0.0%	0.0% #898C7E	RGB 137 140 126	#898C7E
16.7%	16.7% #959F89	RGB 149 159 137	#959F89
33.3%	33.3% #9EB292	RGB 158 178 146	#9EB292
50.0%	50.0% #A3C59A	RGB 163 197 154	#A3C59A
66.7%	66.7% #A1D8A1	RGB 161 216 161	#A1D8A1
83.3%	83.3% #A7EBB4	RGB 167 235 180	#A7EBB4
100.0%	100.0% #ABFECC	RGB 171 254 204	#ABFECC

#898C7E #959F89 #9EB292 #A3C59A #A1D8A1 #A7EBB4 #ABFECC

#898C7E - #A3C59A - #ABFECC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #898C7E 0%, #A3C59A 50%, #ABFECC 100%);
    background: -webkit-linear-gradient(top, #898C7E 0%, #A3C59A 50%, #ABFECC 100%);
    background: linear-gradient(to bottom, #898C7E 0%, #A3C59A 50%, #ABFECC 100%);
}
</style>