#A8EEFD - #DBE3CD | 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 #A8EEFD a #DBE3CD

#A8EEFD #DBE3CD

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

#A8EEFD - #DBE3CD | 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 #A8EEFD come 0% e #DBE3CD come 100%.

0.0%	0.0% #A8EEFD	RGB 168 238 253	#A8EEFD
16.7%	16.7% #B0ECF5	RGB 176 236 245	#B0ECF5
33.3%	33.3% #B9EAED	RGB 185 234 237	#B9EAED
50.0%	50.0% #C1E8E5	RGB 193 232 229	#C1E8E5
66.7%	66.7% #CAE6DD	RGB 202 230 221	#CAE6DD
83.3%	83.3% #D2E4D5	RGB 210 228 213	#D2E4D5
100.0%	100.0% #DBE3CD	RGB 219 227 205	#DBE3CD

#A8EEFD #B0ECF5 #B9EAED #C1E8E5 #CAE6DD #D2E4D5 #DBE3CD

#A8EEFD - #DBE3CD

Miscela HSV

#A8EEFD - #DBE3CD | 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 #A8EEFD come 0% e #DBE3CD come 100%.

0.0%	0.0% #A8EEFD	RGB 168 238 253	#A8EEFD
16.7%	16.7% #AFF8EF	RGB 175 248 239	#AFF8EF
33.3%	33.3% #B5F4D9	RGB 181 244 217	#B5F4D9
50.0%	50.0% #BCF0CA	RGB 188 240 202	#BCF0CA
66.7%	66.7% #C3EBC2	RGB 195 235 194	#C3EBC2
83.3%	83.3% #D2E7C7	RGB 210 231 199	#D2E7C7
100.0%	100.0% #DBE3CD	RGB 219 227 205	#DBE3CD

#A8EEFD #AFF8EF #B5F4D9 #BCF0CA #C3EBC2 #D2E7C7 #DBE3CD

#A8EEFD - #BCF0CA - #DBE3CD

Codici CSS

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

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