#C8FFEE - #DCEDD0 | 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 #C8FFEE a #DCEDD0

#C8FFEE #DCEDD0

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

#C8FFEE - #DCEDD0 | 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 #C8FFEE come 0% e #DCEDD0 come 100%.

0.0%	0.0% #C8FFEE	RGB 200 255 238	#C8FFEE
16.7%	16.7% #CBFCE9	RGB 203 252 233	#CBFCE9
33.3%	33.3% #CEF9E4	RGB 206 249 228	#CEF9E4
50.0%	50.0% #D2F6DF	RGB 210 246 223	#D2F6DF
66.7%	66.7% #D5F3DA	RGB 213 243 218	#D5F3DA
83.3%	83.3% #D8F0D5	RGB 216 240 213	#D8F0D5
100.0%	100.0% #DCEDD0	RGB 220 237 208	#DCEDD0

#C8FFEE #CBFCE9 #CEF9E4 #D2F6DF #D5F3DA #D8F0D5 #DCEDD0

#C8FFEE - #DCEDD0

Miscela HSV

#C8FFEE - #DCEDD0 | 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 #C8FFEE come 0% e #DCEDD0 come 100%.

0.0%	0.0% #C8FFEE	RGB 200 255 238	#C8FFEE
16.7%	16.7% #C9FCE3	RGB 201 252 227	#C9FCE3
33.3%	33.3% #CBF9D9	RGB 203 249 217	#CBF9D9
50.0%	50.0% #CCF6D2	RGB 204 246 210	#CCF6D2
66.7%	66.7% #CFF3CD	RGB 207 243 205	#CFF3CD
83.3%	83.3% #D6F0CE	RGB 214 240 206	#D6F0CE
100.0%	100.0% #DCEDD0	RGB 220 237 208	#DCEDD0

#C8FFEE #C9FCE3 #CBF9D9 #CCF6D2 #CFF3CD #D6F0CE #DCEDD0

#C8FFEE - #CCF6D2 - #DCEDD0

Codici CSS

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

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