#DCEAE1 - #CEEEE0 | 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 #DCEAE1 a #CEEEE0

#DCEAE1 #CEEEE0

Calcola il colore tra due colori, #DCEAE1 e #CEEEE0. 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)

#DCEAE1 - #CEEEE0 | 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 #DCEAE1 come 0% e #CEEEE0 come 100%.

0.0%	0.0% #DCEAE1	RGB 220 234 225	#DCEAE1
16.7%	16.7% #D9EAE0	RGB 217 234 224	#D9EAE0
33.3%	33.3% #D7EBE0	RGB 215 235 224	#D7EBE0
50.0%	50.0% #D5ECE0	RGB 213 236 224	#D5ECE0
66.7%	66.7% #D2ECE0	RGB 210 236 224	#D2ECE0
83.3%	83.3% #D0EDE0	RGB 208 237 224	#D0EDE0
100.0%	100.0% #CEEEE0	RGB 206 238 224	#CEEEE0

#DCEAE1 #D9EAE0 #D7EBE0 #D5ECE0 #D2ECE0 #D0EDE0 #CEEEE0

#DCEAE1 - #CEEEE0

Miscela HSV

#DCEAE1 - #CEEEE0 | 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 #DCEAE1 come 0% e #CEEEE0 come 100%.

0.0%	0.0% #DCEAE1	RGB 220 234 225	#DCEAE1
16.7%	16.7% #D9EAE0	RGB 217 234 224	#D9EAE0
33.3%	33.3% #D7EBDF	RGB 215 235 223	#D7EBDF
50.0%	50.0% #D5ECDF	RGB 213 236 223	#D5ECDF
66.7%	66.7% #D2ECDF	RGB 210 236 223	#D2ECDF
83.3%	83.3% #D0EDDF	RGB 208 237 223	#D0EDDF
100.0%	100.0% #CEEEE0	RGB 206 238 224	#CEEEE0

#DCEAE1 #D9EAE0 #D7EBDF #D5ECDF #D2ECDF #D0EDDF #CEEEE0

#DCEAE1 - #D5ECDF - #CEEEE0

Codici CSS

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

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