#E9F9F2 - #CCEFEB | 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 #E9F9F2 a #CCEFEB

#E9F9F2 #CCEFEB

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

#E9F9F2 - #CCEFEB | 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 #E9F9F2 come 0% e #CCEFEB come 100%.

0.0%	0.0% #E9F9F2	RGB 233 249 242	#E9F9F2
16.7%	16.7% #E4F7F0	RGB 228 247 240	#E4F7F0
33.3%	33.3% #DFF5EF	RGB 223 245 239	#DFF5EF
50.0%	50.0% #DAF4EE	RGB 218 244 238	#DAF4EE
66.7%	66.7% #D5F2ED	RGB 213 242 237	#D5F2ED
83.3%	83.3% #D0F0EC	RGB 208 240 236	#D0F0EC
100.0%	100.0% #CCEFEB	RGB 204 239 235	#CCEFEB

#E9F9F2 #E4F7F0 #DFF5EF #DAF4EE #D5F2ED #D0F0EC #CCEFEB

#E9F9F2 - #CCEFEB

Miscela HSV

#E9F9F2 - #CCEFEB | 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 #E9F9F2 come 0% e #CCEFEB come 100%.

0.0%	0.0% #E9F9F2	RGB 233 249 242	#E9F9F2
16.7%	16.7% #E4F7EF	RGB 228 247 239	#E4F7EF
33.3%	33.3% #DFF5EE	RGB 223 245 238	#DFF5EE
50.0%	50.0% #DAF4EC	RGB 218 244 236	#DAF4EC
66.7%	66.7% #D5F2EB	RGB 213 242 235	#D5F2EB
83.3%	83.3% #D0F0EB	RGB 208 240 235	#D0F0EB
100.0%	100.0% #CCEFEB	RGB 204 239 235	#CCEFEB

#E9F9F2 #E4F7EF #DFF5EE #DAF4EC #D5F2EB #D0F0EB #CCEFEB

#E9F9F2 - #DAF4EC - #CCEFEB

Codici CSS

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

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