#ABECEB - #D5E3CC | 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 #ABECEB a #D5E3CC

#ABECEB #D5E3CC

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

#ABECEB - #D5E3CC | 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 #ABECEB come 0% e #D5E3CC come 100%.

0.0%	0.0% #ABECEB	RGB 171 236 235	#ABECEB
16.7%	16.7% #B2EAE5	RGB 178 234 229	#B2EAE5
33.3%	33.3% #B9E9E0	RGB 185 233 224	#B9E9E0
50.0%	50.0% #C0E7DB	RGB 192 231 219	#C0E7DB
66.7%	66.7% #C7E6D6	RGB 199 230 214	#C7E6D6
83.3%	83.3% #CEE4D1	RGB 206 228 209	#CEE4D1
100.0%	100.0% #D5E3CC	RGB 213 227 204	#D5E3CC

#ABECEB #B2EAE5 #B9E9E0 #C0E7DB #C7E6D6 #CEE4D1 #D5E3CC

#ABECEB - #D5E3CC

Miscela HSV

#ABECEB - #D5E3CC | 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 #ABECEB come 0% e #D5E3CC come 100%.

0.0%	0.0% #ABECEB	RGB 171 236 235	#ABECEB
16.7%	16.7% #B0EADC	RGB 176 234 220	#B0EADC
33.3%	33.3% #B6E9D0	RGB 182 233 208	#B6E9D0
50.0%	50.0% #BBE7C8	RGB 187 231 200	#BBE7C8
66.7%	66.7% #C1E6C3	RGB 193 230 195	#C1E6C3
83.3%	83.3% #CBE4C6	RGB 203 228 198	#CBE4C6
100.0%	100.0% #D5E3CC	RGB 213 227 204	#D5E3CC

#ABECEB #B0EADC #B6E9D0 #BBE7C8 #C1E6C3 #CBE4C6 #D5E3CC

#ABECEB - #BBE7C8 - #D5E3CC

Codici CSS

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

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