#CDFFDC - #FFFCD0 | 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 #CDFFDC a #FFFCD0

#CDFFDC #FFFCD0

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

#CDFFDC - #FFFCD0 | 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 #CDFFDC come 0% e #FFFCD0 come 100%.

0.0%	0.0% #CDFFDC	RGB 205 255 220	#CDFFDC
16.7%	16.7% #D5FEDA	RGB 213 254 218	#D5FEDA
33.3%	33.3% #DDFED8	RGB 221 254 216	#DDFED8
50.0%	50.0% #E6FDD6	RGB 230 253 214	#E6FDD6
66.7%	66.7% #EEFDD4	RGB 238 253 212	#EEFDD4
83.3%	83.3% #F6FCD2	RGB 246 252 210	#F6FCD2
100.0%	100.0% #FFFCD0	RGB 255 252 208	#FFFCD0

#CDFFDC #D5FEDA #DDFED8 #E6FDD6 #EEFDD4 #F6FCD2 #FFFCD0

#CDFFDC - #FFFCD0

Miscela HSV

#CDFFDC - #FFFCD0 | 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 #CDFFDC come 0% e #FFFCD0 come 100%.

0.0%	0.0% #CDFFDC	RGB 205 255 220	#CDFFDC
16.7%	16.7% #CDFFD1	RGB 205 255 209	#CDFFD1
33.3%	33.3% #D5FFCE	RGB 213 255 206	#D5FFCE
50.0%	50.0% #E1FFCE	RGB 225 255 206	#E1FFCE
66.7%	66.7% #ECFFCF	RGB 236 255 207	#ECFFCF
83.3%	83.3% #F7FFCF	RGB 247 255 207	#F7FFCF
100.0%	100.0% #FFFCD0	RGB 255 252 208	#FFFCD0

#CDFFDC #CDFFD1 #D5FFCE #E1FFCE #ECFFCF #F7FFCF #FFFCD0

#CDFFDC - #E1FFCE - #FFFCD0

Codici CSS

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

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