#E4C3C9 - #DBFFDB | 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 #E4C3C9 a #DBFFDB

#E4C3C9 #DBFFDB

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

#E4C3C9 - #DBFFDB | 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 #E4C3C9 come 0% e #DBFFDB come 100%.

0.0%	0.0% #E4C3C9	RGB 228 195 201	#E4C3C9
16.7%	16.7% #E2CDCC	RGB 226 205 204	#E2CDCC
33.3%	33.3% #E1D7CF	RGB 225 215 207	#E1D7CF
50.0%	50.0% #DFE1D2	RGB 223 225 210	#DFE1D2
66.7%	66.7% #DEEBD5	RGB 222 235 213	#DEEBD5
83.3%	83.3% #DCF5D8	RGB 220 245 216	#DCF5D8
100.0%	100.0% #DBFFDB	RGB 219 255 219	#DBFFDB

#E4C3C9 #E2CDCC #E1D7CF #DFE1D2 #DEEBD5 #DCF5D8 #DBFFDB

#E4C3C9 - #DBFFDB

Miscela HSV

#E4C3C9 - #DBFFDB | 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 #E4C3C9 come 0% e #DBFFDB come 100%.

0.0%	0.0% #E4C3C9	RGB 228 195 201	#E4C3C9
16.7%	16.7% #E8CDC6	RGB 232 205 198	#E8CDC6
33.3%	33.3% #EDDDCA	RGB 237 221 202	#EDDDCA
50.0%	50.0% #F1EECE	RGB 241 238 206	#F1EECE
66.7%	66.7% #ECF6D2	RGB 236 246 210	#ECF6D2
83.3%	83.3% #E3FAD6	RGB 227 250 214	#E3FAD6
100.0%	100.0% #DBFFDB	RGB 219 255 219	#DBFFDB

#E4C3C9 #E8CDC6 #EDDDCA #F1EECE #ECF6D2 #E3FAD6 #DBFFDB

#E4C3C9 - #F1EECE - #DBFFDB

Codici CSS

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

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