#ADEFCD - #E7FAF0 | 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 #ADEFCD a #E7FAF0

#ADEFCD #E7FAF0

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

#ADEFCD - #E7FAF0 | 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 #ADEFCD come 0% e #E7FAF0 come 100%.

0.0%	0.0% #ADEFCD	RGB 173 239 205	#ADEFCD
16.7%	16.7% #B6F0D2	RGB 182 240 210	#B6F0D2
33.3%	33.3% #C0F2D8	RGB 192 242 216	#C0F2D8
50.0%	50.0% #CAF4DE	RGB 202 244 222	#CAF4DE
66.7%	66.7% #D3F6E4	RGB 211 246 228	#D3F6E4
83.3%	83.3% #DDF8EA	RGB 221 248 234	#DDF8EA
100.0%	100.0% #E7FAF0	RGB 231 250 240	#E7FAF0

#ADEFCD #B6F0D2 #C0F2D8 #CAF4DE #D3F6E4 #DDF8EA #E7FAF0

#ADEFCD - #E7FAF0

Miscela HSV

#ADEFCD - #E7FAF0 | 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 #ADEFCD come 0% e #E7FAF0 come 100%.

0.0%	0.0% #ADEFCD	RGB 173 239 205	#ADEFCD
16.7%	16.7% #B6F0D2	RGB 182 240 210	#B6F0D2
33.3%	33.3% #BFF2D8	RGB 191 242 216	#BFF2D8
50.0%	50.0% #C9F4DE	RGB 201 244 222	#C9F4DE
66.7%	66.7% #D3F6E3	RGB 211 246 227	#D3F6E3
83.3%	83.3% #DDF8E9	RGB 221 248 233	#DDF8E9
100.0%	100.0% #E7FAF0	RGB 231 250 240	#E7FAF0

#ADEFCD #B6F0D2 #BFF2D8 #C9F4DE #D3F6E3 #DDF8E9 #E7FAF0

#ADEFCD - #C9F4DE - #E7FAF0

Codici CSS

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

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