#E2DADA - #CF948D | 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 #E2DADA a #CF948D

#E2DADA #CF948D

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

#E2DADA - #CF948D | 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 #E2DADA come 0% e #CF948D come 100%.

0.0%	0.0% #E2DADA	RGB 226 218 218	#E2DADA
16.7%	16.7% #DECECD	RGB 222 206 205	#DECECD
33.3%	33.3% #DBC2C0	RGB 219 194 192	#DBC2C0
50.0%	50.0% #D8B7B3	RGB 216 183 179	#D8B7B3
66.7%	66.7% #D5ABA6	RGB 213 171 166	#D5ABA6
83.3%	83.3% #D29F99	RGB 210 159 153	#D29F99
100.0%	100.0% #CF948D	RGB 207 148 141	#CF948D

#E2DADA #DECECD #DBC2C0 #D8B7B3 #D5ABA6 #D29F99 #CF948D

#E2DADA - #CF948D

Miscela HSV

#E2DADA - #CF948D | 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 #E2DADA come 0% e #CF948D come 100%.

0.0%	0.0% #E2DADA	RGB 226 218 218	#E2DADA
16.7%	16.7% #DECCCC	RGB 222 204 204	#DECCCC
33.3%	33.3% #DBC0BF	RGB 219 192 191	#DBC0BF
50.0%	50.0% #D8B4B2	RGB 216 180 178	#D8B4B2
66.7%	66.7% #D5A8A5	RGB 213 168 165	#D5A8A5
83.3%	83.3% #D29E99	RGB 210 158 153	#D29E99
100.0%	100.0% #CF948D	RGB 207 148 141	#CF948D

#E2DADA #DECCCC #DBC0BF #D8B4B2 #D5A8A5 #D29E99 #CF948D

#E2DADA - #D8B4B2 - #CF948D

Codici CSS

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

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