#DFE5E2 - #92BBB5 | 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 #DFE5E2 a #92BBB5

#DFE5E2 #92BBB5

Calcola il colore tra due colori, #DFE5E2 e #92BBB5. 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)

#DFE5E2 - #92BBB5 | 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 #DFE5E2 come 0% e #92BBB5 come 100%.

0.0%	0.0% #DFE5E2	RGB 223 229 226	#DFE5E2
16.7%	16.7% #D2DEDA	RGB 210 222 218	#D2DEDA
33.3%	33.3% #C5D7D3	RGB 197 215 211	#C5D7D3
50.0%	50.0% #B8D0CB	RGB 184 208 203	#B8D0CB
66.7%	66.7% #ABC9C4	RGB 171 201 196	#ABC9C4
83.3%	83.3% #9EC2BC	RGB 158 194 188	#9EC2BC
100.0%	100.0% #92BBB5	RGB 146 187 181	#92BBB5

#DFE5E2 #D2DEDA #C5D7D3 #B8D0CB #ABC9C4 #9EC2BC #92BBB5

#DFE5E2 - #92BBB5

Miscela HSV

#DFE5E2 - #92BBB5 | 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 #DFE5E2 come 0% e #92BBB5 come 100%.

0.0%	0.0% #DFE5E2	RGB 223 229 226	#DFE5E2
16.7%	16.7% #D1DED8	RGB 209 222 216	#D1DED8
33.3%	33.3% #C3D7CF	RGB 195 215 207	#C3D7CF
50.0%	50.0% #B6D0C7	RGB 182 208 199	#B6D0C7
66.7%	66.7% #A9C9C0	RGB 169 201 192	#A9C9C0
83.3%	83.3% #9DC2BA	RGB 157 194 186	#9DC2BA
100.0%	100.0% #92BBB5	RGB 146 187 181	#92BBB5

#DFE5E2 #D1DED8 #C3D7CF #B6D0C7 #A9C9C0 #9DC2BA #92BBB5

#DFE5E2 - #B6D0C7 - #92BBB5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE5E2 0%, #B6D0C7 50%, #92BBB5 100%);
    background: -webkit-linear-gradient(top, #DFE5E2 0%, #B6D0C7 50%, #92BBB5 100%);
    background: linear-gradient(to bottom, #DFE5E2 0%, #B6D0C7 50%, #92BBB5 100%);
}
</style>