#C8D0BA - #EFEFCD | 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 #C8D0BA a #EFEFCD

#C8D0BA #EFEFCD

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

#C8D0BA - #EFEFCD | 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 #C8D0BA come 0% e #EFEFCD come 100%.

0.0%	0.0% #C8D0BA	RGB 200 208 186	#C8D0BA
16.7%	16.7% #CED5BD	RGB 206 213 189	#CED5BD
33.3%	33.3% #D5DAC0	RGB 213 218 192	#D5DAC0
50.0%	50.0% #DBDFC3	RGB 219 223 195	#DBDFC3
66.7%	66.7% #E2E4C6	RGB 226 228 198	#E2E4C6
83.3%	83.3% #E8E9C9	RGB 232 233 201	#E8E9C9
100.0%	100.0% #EFEFCD	RGB 239 239 205	#EFEFCD

#C8D0BA #CED5BD #D5DAC0 #DBDFC3 #E2E4C6 #E8E9C9 #EFEFCD

#C8D0BA - #EFEFCD

Miscela HSV

#C8D0BA - #EFEFCD | 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 #C8D0BA come 0% e #EFEFCD come 100%.

0.0%	0.0% #C8D0BA	RGB 200 208 186	#C8D0BA
16.7%	16.7% #CDD5BD	RGB 205 213 189	#CDD5BD
33.3%	33.3% #D4DAC0	RGB 212 218 192	#D4DAC0
50.0%	50.0% #DADFC3	RGB 218 223 195	#DADFC3
66.7%	66.7% #E1E4C6	RGB 225 228 198	#E1E4C6
83.3%	83.3% #E7E9C9	RGB 231 233 201	#E7E9C9
100.0%	100.0% #EFEFCD	RGB 239 239 205	#EFEFCD

#C8D0BA #CDD5BD #D4DAC0 #DADFC3 #E1E4C6 #E7E9C9 #EFEFCD

#C8D0BA - #DADFC3 - #EFEFCD

Codici CSS

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

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