#CFD4D2 - #C7E5C5 | 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 #CFD4D2 a #C7E5C5

#CFD4D2 #C7E5C5

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

#CFD4D2 - #C7E5C5 | 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 #CFD4D2 come 0% e #C7E5C5 come 100%.

0.0%	0.0% #CFD4D2	RGB 207 212 210	#CFD4D2
16.7%	16.7% #CDD6CF	RGB 205 214 207	#CDD6CF
33.3%	33.3% #CCD9CD	RGB 204 217 205	#CCD9CD
50.0%	50.0% #CBDCCB	RGB 203 220 203	#CBDCCB
66.7%	66.7% #C9DFC9	RGB 201 223 201	#C9DFC9
83.3%	83.3% #C8E2C7	RGB 200 226 199	#C8E2C7
100.0%	100.0% #C7E5C5	RGB 199 229 197	#C7E5C5

#CFD4D2 #CDD6CF #CCD9CD #CBDCCB #C9DFC9 #C8E2C7 #C7E5C5

#CFD4D2 - #C7E5C5

Miscela HSV

#CFD4D2 - #C7E5C5 | 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 #CFD4D2 come 0% e #C7E5C5 come 100%.

0.0%	0.0% #CFD4D2	RGB 207 212 210	#CFD4D2
16.7%	16.7% #CDD6D2	RGB 205 214 210	#CDD6D2
33.3%	33.3% #CCD9D1	RGB 204 217 209	#CCD9D1
50.0%	50.0% #CADCCF	RGB 202 220 207	#CADCCF
66.7%	66.7% #C8DFCC	RGB 200 223 204	#C8DFCC
83.3%	83.3% #C6E2C8	RGB 198 226 200	#C6E2C8
100.0%	100.0% #C7E5C5	RGB 199 229 197	#C7E5C5

#CFD4D2 #CDD6D2 #CCD9D1 #CADCCF #C8DFCC #C6E2C8 #C7E5C5

#CFD4D2 - #CADCCF - #C7E5C5

Codici CSS

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

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