#E5DADE - #CF8DA7 | 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 #E5DADE a #CF8DA7

#E5DADE #CF8DA7

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

#E5DADE - #CF8DA7 | 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 #E5DADE come 0% e #CF8DA7 come 100%.

0.0%	0.0% #E5DADE	RGB 229 218 222	#E5DADE
16.7%	16.7% #E1CDD4	RGB 225 205 212	#E1CDD4
33.3%	33.3% #DDC0CB	RGB 221 192 203	#DDC0CB
50.0%	50.0% #DAB3C2	RGB 218 179 194	#DAB3C2
66.7%	66.7% #D6A6B9	RGB 214 166 185	#D6A6B9
83.3%	83.3% #D299B0	RGB 210 153 176	#D299B0
100.0%	100.0% #CF8DA7	RGB 207 141 167	#CF8DA7

#E5DADE #E1CDD4 #DDC0CB #DAB3C2 #D6A6B9 #D299B0 #CF8DA7

#E5DADE - #CF8DA7

Miscela HSV

#E5DADE - #CF8DA7 | 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 #E5DADE come 0% e #CF8DA7 come 100%.

0.0%	0.0% #E5DADE	RGB 229 218 222	#E5DADE
16.7%	16.7% #E1CCD4	RGB 225 204 212	#E1CCD4
33.3%	33.3% #DDBFCA	RGB 221 191 202	#DDBFCA
50.0%	50.0% #DAB2C1	RGB 218 178 193	#DAB2C1
66.7%	66.7% #D6A5B8	RGB 214 165 184	#D6A5B8
83.3%	83.3% #D299AF	RGB 210 153 175	#D299AF
100.0%	100.0% #CF8DA7	RGB 207 141 167	#CF8DA7

#E5DADE #E1CCD4 #DDBFCA #DAB2C1 #D6A5B8 #D299AF #CF8DA7

#E5DADE - #DAB2C1 - #CF8DA7

Codici CSS

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

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