#C2D6DF - #EAE7E4 | 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 #C2D6DF a #EAE7E4

#C2D6DF #EAE7E4

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

#C2D6DF - #EAE7E4 | 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 #C2D6DF come 0% e #EAE7E4 come 100%.

0.0%	0.0% #C2D6DF	RGB 194 214 223	#C2D6DF
16.7%	16.7% #C8D8DF	RGB 200 216 223	#C8D8DF
33.3%	33.3% #CFDBE0	RGB 207 219 224	#CFDBE0
50.0%	50.0% #D6DEE1	RGB 214 222 225	#D6DEE1
66.7%	66.7% #DCE1E2	RGB 220 225 226	#DCE1E2
83.3%	83.3% #E3E4E3	RGB 227 228 227	#E3E4E3
100.0%	100.0% #EAE7E4	RGB 234 231 228	#EAE7E4

#C2D6DF #C8D8DF #CFDBE0 #D6DEE1 #DCE1E2 #E3E4E3 #EAE7E4

#C2D6DF - #EAE7E4

Miscela HSV

#C2D6DF - #EAE7E4 | 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 #C2D6DF come 0% e #EAE7E4 come 100%.

0.0%	0.0% #C2D6DF	RGB 194 214 223	#C2D6DF
16.7%	16.7% #C7E0DC	RGB 199 224 220	#C7E0DC
33.3%	33.3% #CDE2D5	RGB 205 226 213	#CDE2D5
50.0%	50.0% #D4E4D2	RGB 212 228 210	#D4E4D2
66.7%	66.7% #E0E6D8	RGB 224 230 216	#E0E6D8
83.3%	83.3% #E8E7DE	RGB 232 231 222	#E8E7DE
100.0%	100.0% #EAE7E4	RGB 234 231 228	#EAE7E4

#C2D6DF #C7E0DC #CDE2D5 #D4E4D2 #E0E6D8 #E8E7DE #EAE7E4

#C2D6DF - #D4E4D2 - #EAE7E4

Codici CSS

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

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