#00D0FF - #AFFEDC | 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 #00D0FF a #AFFEDC

#00D0FF #AFFEDC

Calcola il colore tra due colori, #00D0FF e #AFFEDC. 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)

#00D0FF - #AFFEDC | 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 #00D0FF come 0% e #AFFEDC come 100%.

0.0%	0.0% #00D0FF	RGB 0 208 255	#00D0FF
16.7%	16.7% #1DD7F9	RGB 29 215 249	#1DD7F9
33.3%	33.3% #3ADFF3	RGB 58 223 243	#3ADFF3
50.0%	50.0% #57E7ED	RGB 87 231 237	#57E7ED
66.7%	66.7% #74EEE7	RGB 116 238 231	#74EEE7
83.3%	83.3% #91F6E1	RGB 145 246 225	#91F6E1
100.0%	100.0% #AFFEDC	RGB 175 254 220	#AFFEDC

#00D0FF #1DD7F9 #3ADFF3 #57E7ED #74EEE7 #91F6E1 #AFFEDC

#00D0FF - #AFFEDC

Miscela HSV

#00D0FF - #AFFEDC | 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 #00D0FF come 0% e #AFFEDC come 100%.

0.0%	0.0% #00D0FF	RGB 0 208 255	#00D0FF
16.7%	16.7% #1DECFE	RGB 29 236 254	#1DECFE
33.3%	33.3% #3AFEFA	RGB 58 254 250	#3AFEFA
50.0%	50.0% #57FEE9	RGB 87 254 233	#57FEE9
66.7%	66.7% #74FEDF	RGB 116 254 223	#74FEDF
83.3%	83.3% #91FEDA	RGB 145 254 218	#91FEDA
100.0%	100.0% #AFFEDC	RGB 175 254 220	#AFFEDC

#00D0FF #1DECFE #3AFEFA #57FEE9 #74FEDF #91FEDA #AFFEDC

#00D0FF - #57FEE9 - #AFFEDC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D0FF 0%, #57FEE9 50%, #AFFEDC 100%);
    background: -webkit-linear-gradient(top, #00D0FF 0%, #57FEE9 50%, #AFFEDC 100%);
    background: linear-gradient(to bottom, #00D0FF 0%, #57FEE9 50%, #AFFEDC 100%);
}
</style>