#C9F7E4 - #DBE9D6 | 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 #C9F7E4 a #DBE9D6

#C9F7E4 #DBE9D6

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

#C9F7E4 - #DBE9D6 | 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 #C9F7E4 come 0% e #DBE9D6 come 100%.

0.0%	0.0% #C9F7E4	RGB 201 247 228	#C9F7E4
16.7%	16.7% #CCF4E1	RGB 204 244 225	#CCF4E1
33.3%	33.3% #CFF2DF	RGB 207 242 223	#CFF2DF
50.0%	50.0% #D2F0DD	RGB 210 240 221	#D2F0DD
66.7%	66.7% #D5EDDA	RGB 213 237 218	#D5EDDA
83.3%	83.3% #D8EBD8	RGB 216 235 216	#D8EBD8
100.0%	100.0% #DBE9D6	RGB 219 233 214	#DBE9D6

#C9F7E4 #CCF4E1 #CFF2DF #D2F0DD #D5EDDA #D8EBD8 #DBE9D6

#C9F7E4 - #DBE9D6

Miscela HSV

#C9F7E4 - #DBE9D6 | 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 #C9F7E4 come 0% e #DBE9D6 come 100%.

0.0%	0.0% #C9F7E4	RGB 201 247 228	#C9F7E4
16.7%	16.7% #CBF4DD	RGB 203 244 221	#CBF4DD
33.3%	33.3% #CDF2D8	RGB 205 242 216	#CDF2D8
50.0%	50.0% #CFF0D5	RGB 207 240 213	#CFF0D5
66.7%	66.7% #D1EDD2	RGB 209 237 210	#D1EDD2
83.3%	83.3% #D6EBD4	RGB 214 235 212	#D6EBD4
100.0%	100.0% #DBE9D6	RGB 219 233 214	#DBE9D6

#C9F7E4 #CBF4DD #CDF2D8 #CFF0D5 #D1EDD2 #D6EBD4 #DBE9D6

#C9F7E4 - #CFF0D5 - #DBE9D6

Codici CSS

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

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