#E5E7E5 - #80B985 | 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 #E5E7E5 a #80B985

#E5E7E5 #80B985

Calcola il colore tra due colori, #E5E7E5 e #80B985. 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)

#E5E7E5 - #80B985 | 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 #E5E7E5 come 0% e #80B985 come 100%.

0.0%	0.0% #E5E7E5	RGB 229 231 229	#E5E7E5
16.7%	16.7% #D4DFD5	RGB 212 223 213	#D4DFD5
33.3%	33.3% #C3D7C5	RGB 195 215 197	#C3D7C5
50.0%	50.0% #B2D0B5	RGB 178 208 181	#B2D0B5
66.7%	66.7% #A1C8A5	RGB 161 200 165	#A1C8A5
83.3%	83.3% #90C095	RGB 144 192 149	#90C095
100.0%	100.0% #80B985	RGB 128 185 133	#80B985

#E5E7E5 #D4DFD5 #C3D7C5 #B2D0B5 #A1C8A5 #90C095 #80B985

#E5E7E5 - #80B985

Miscela HSV

#E5E7E5 - #80B985 | 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 #E5E7E5 come 0% e #80B985 come 100%.

0.0%	0.0% #E5E7E5	RGB 229 231 229	#E5E7E5
16.7%	16.7% #D2DFD2	RGB 210 223 210	#D2DFD2
33.3%	33.3% #C0D7C0	RGB 192 215 192	#C0D7C0
50.0%	50.0% #AFD0B0	RGB 175 208 176	#AFD0B0
66.7%	66.7% #9EC8A1	RGB 158 200 161	#9EC8A1
83.3%	83.3% #8EC092	RGB 142 192 146	#8EC092
100.0%	100.0% #80B985	RGB 128 185 133	#80B985

#E5E7E5 #D2DFD2 #C0D7C0 #AFD0B0 #9EC8A1 #8EC092 #80B985

#E5E7E5 - #AFD0B0 - #80B985

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E7E5 0%, #AFD0B0 50%, #80B985 100%);
    background: -webkit-linear-gradient(top, #E5E7E5 0%, #AFD0B0 50%, #80B985 100%);
    background: linear-gradient(to bottom, #E5E7E5 0%, #AFD0B0 50%, #80B985 100%);
}
</style>