#CAEECE - #DFECD2 | 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 #CAEECE a #DFECD2

#CAEECE #DFECD2

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

#CAEECE - #DFECD2 | 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 #CAEECE come 0% e #DFECD2 come 100%.

0.0%	0.0% #CAEECE	RGB 202 238 206	#CAEECE
16.7%	16.7% #CDEDCE	RGB 205 237 206	#CDEDCE
33.3%	33.3% #D1EDCF	RGB 209 237 207	#D1EDCF
50.0%	50.0% #D4EDD0	RGB 212 237 208	#D4EDD0
66.7%	66.7% #D8ECD0	RGB 216 236 208	#D8ECD0
83.3%	83.3% #DBECD1	RGB 219 236 209	#DBECD1
100.0%	100.0% #DFECD2	RGB 223 236 210	#DFECD2

#CAEECE #CDEDCE #D1EDCF #D4EDD0 #D8ECD0 #DBECD1 #DFECD2

#CAEECE - #DFECD2

Miscela HSV

#CAEECE - #DFECD2 | 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 #CAEECE come 0% e #DFECD2 come 100%.

0.0%	0.0% #CAEECE	RGB 202 238 206	#CAEECE
16.7%	16.7% #CBEDCB	RGB 203 237 203	#CBEDCB
33.3%	33.3% #CFEDCC	RGB 207 237 204	#CFEDCC
50.0%	50.0% #D4EDCE	RGB 212 237 206	#D4EDCE
66.7%	66.7% #D8ECCF	RGB 216 236 207	#D8ECCF
83.3%	83.3% #DBECD0	RGB 219 236 208	#DBECD0
100.0%	100.0% #DFECD2	RGB 223 236 210	#DFECD2

#CAEECE #CBEDCB #CFEDCC #D4EDCE #D8ECCF #DBECD0 #DFECD2

#CAEECE - #D4EDCE - #DFECD2

Codici CSS

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

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