#DB5E64 - #FFBB7E | 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 #DB5E64 a #FFBB7E

#DB5E64 #FFBB7E

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

#DB5E64 - #FFBB7E | 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 #DB5E64 come 0% e #FFBB7E come 100%.

0.0%	0.0% #DB5E64	RGB 219 94 100	#DB5E64
16.7%	16.7% #E16D68	RGB 225 109 104	#E16D68
33.3%	33.3% #E77D6C	RGB 231 125 108	#E77D6C
50.0%	50.0% #ED8C71	RGB 237 140 113	#ED8C71
66.7%	66.7% #F39C75	RGB 243 156 117	#F39C75
83.3%	83.3% #F9AB79	RGB 249 171 121	#F9AB79
100.0%	100.0% #FFBB7E	RGB 255 187 126	#FFBB7E

#DB5E64 #E16D68 #E77D6C #ED8C71 #F39C75 #F9AB79 #FFBB7E

#DB5E64 - #FFBB7E

Miscela HSV

#DB5E64 - #FFBB7E | 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 #DB5E64 come 0% e #FFBB7E come 100%.

0.0%	0.0% #DB5E64	RGB 219 94 100	#DB5E64
16.7%	16.7% #E16763	RGB 225 103 99	#E16763
33.3%	33.3% #E77868	RGB 231 120 104	#E77868
50.0%	50.0% #ED886D	RGB 237 136 109	#ED886D
66.7%	66.7% #F39972	RGB 243 153 114	#F39972
83.3%	83.3% #F9AA78	RGB 249 170 120	#F9AA78
100.0%	100.0% #FFBB7E	RGB 255 187 126	#FFBB7E

#DB5E64 #E16763 #E77868 #ED886D #F39972 #F9AA78 #FFBB7E

#DB5E64 - #ED886D - #FFBB7E

Codici CSS

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

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