#EBCBCB - #DB7E79 | 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 #EBCBCB a #DB7E79

#EBCBCB #DB7E79

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

#EBCBCB - #DB7E79 | 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 #EBCBCB come 0% e #DB7E79 come 100%.

0.0%	0.0% #EBCBCB	RGB 235 203 203	#EBCBCB
16.7%	16.7% #E8BEBD	RGB 232 190 189	#E8BEBD
33.3%	33.3% #E5B1AF	RGB 229 177 175	#E5B1AF
50.0%	50.0% #E3A4A2	RGB 227 164 162	#E3A4A2
66.7%	66.7% #E09794	RGB 224 151 148	#E09794
83.3%	83.3% #DD8A86	RGB 221 138 134	#DD8A86
100.0%	100.0% #DB7E79	RGB 219 126 121	#DB7E79

#EBCBCB #E8BEBD #E5B1AF #E3A4A2 #E09794 #DD8A86 #DB7E79

#EBCBCB - #DB7E79

Miscela HSV

#EBCBCB - #DB7E79 | 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 #EBCBCB come 0% e #DB7E79 come 100%.

0.0%	0.0% #EBCBCB	RGB 235 203 203	#EBCBCB
16.7%	16.7% #E8BDBC	RGB 232 189 188	#E8BDBC
33.3%	33.3% #E5AFAE	RGB 229 175 174	#E5AFAE
50.0%	50.0% #E3A2A0	RGB 227 162 160	#E3A2A0
66.7%	66.7% #E09593	RGB 224 149 147	#E09593
83.3%	83.3% #DD8985	RGB 221 137 133	#DD8985
100.0%	100.0% #DB7E79	RGB 219 126 121	#DB7E79

#EBCBCB #E8BDBC #E5AFAE #E3A2A0 #E09593 #DD8985 #DB7E79

#EBCBCB - #E3A2A0 - #DB7E79

Codici CSS

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

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