#EED5E2 - #C97E9C | 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 #EED5E2 a #C97E9C

#EED5E2 #C97E9C

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

#EED5E2 - #C97E9C | 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 #EED5E2 come 0% e #C97E9C come 100%.

0.0%	0.0% #EED5E2	RGB 238 213 226	#EED5E2
16.7%	16.7% #E7C6D6	RGB 231 198 214	#E7C6D6
33.3%	33.3% #E1B8CA	RGB 225 184 202	#E1B8CA
50.0%	50.0% #DBA9BF	RGB 219 169 191	#DBA9BF
66.7%	66.7% #D59BB3	RGB 213 155 179	#D59BB3
83.3%	83.3% #CF8CA7	RGB 207 140 167	#CF8CA7
100.0%	100.0% #C97E9C	RGB 201 126 156	#C97E9C

#EED5E2 #E7C6D6 #E1B8CA #DBA9BF #D59BB3 #CF8CA7 #C97E9C

#EED5E2 - #C97E9C

Miscela HSV

#EED5E2 - #C97E9C | 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 #EED5E2 come 0% e #C97E9C come 100%.

0.0%	0.0% #EED5E2	RGB 238 213 226	#EED5E2
16.7%	16.7% #E7C5D6	RGB 231 197 214	#E7C5D6
33.3%	33.3% #E1B5CA	RGB 225 181 202	#E1B5CA
50.0%	50.0% #DBA7BF	RGB 219 167 191	#DBA7BF
66.7%	66.7% #D598B3	RGB 213 152 179	#D598B3
83.3%	83.3% #CF8BA7	RGB 207 139 167	#CF8BA7
100.0%	100.0% #C97E9C	RGB 201 126 156	#C97E9C

#EED5E2 #E7C5D6 #E1B5CA #DBA7BF #D598B3 #CF8BA7 #C97E9C

#EED5E2 - #DBA7BF - #C97E9C

Codici CSS

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

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