#AFECC2 - #E8FFC0 | 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 #AFECC2 a #E8FFC0

#AFECC2 #E8FFC0

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

#AFECC2 - #E8FFC0 | 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 #AFECC2 come 0% e #E8FFC0 come 100%.

0.0%	0.0% #AFECC2	RGB 175 236 194	#AFECC2
16.7%	16.7% #B8EFC1	RGB 184 239 193	#B8EFC1
33.3%	33.3% #C2F2C1	RGB 194 242 193	#C2F2C1
50.0%	50.0% #CBF5C1	RGB 203 245 193	#CBF5C1
66.7%	66.7% #D5F8C0	RGB 213 248 192	#D5F8C0
83.3%	83.3% #DEFBC0	RGB 222 251 192	#DEFBC0
100.0%	100.0% #E8FFC0	RGB 232 255 192	#E8FFC0

#AFECC2 #B8EFC1 #C2F2C1 #CBF5C1 #D5F8C0 #DEFBC0 #E8FFC0

#AFECC2 - #E8FFC0

Miscela HSV

#AFECC2 - #E8FFC0 | 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 #AFECC2 come 0% e #E8FFC0 come 100%.

0.0%	0.0% #AFECC2	RGB 175 236 194	#AFECC2
16.7%	16.7% #B1EFBB	RGB 177 239 187	#B1EFBB
33.3%	33.3% #B4F2B4	RGB 180 242 180	#B4F2B4
50.0%	50.0% #C1F5B7	RGB 193 245 183	#C1F5B7
66.7%	66.7% #CEF8BA	RGB 206 248 186	#CEF8BA
83.3%	83.3% #DBFBBD	RGB 219 251 189	#DBFBBD
100.0%	100.0% #E8FFC0	RGB 232 255 192	#E8FFC0

#AFECC2 #B1EFBB #B4F2B4 #C1F5B7 #CEF8BA #DBFBBD #E8FFC0

#AFECC2 - #C1F5B7 - #E8FFC0

Codici CSS

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

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