#DD5E8B - #FFBDA5 | 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 #DD5E8B a #FFBDA5

#DD5E8B #FFBDA5

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

#DD5E8B - #FFBDA5 | 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 #DD5E8B come 0% e #FFBDA5 come 100%.

0.0%	0.0% #DD5E8B	RGB 221 94 139	#DD5E8B
16.7%	16.7% #E26D8F	RGB 226 109 143	#E26D8F
33.3%	33.3% #E87D93	RGB 232 125 147	#E87D93
50.0%	50.0% #EE8D98	RGB 238 141 152	#EE8D98
66.7%	66.7% #F39D9C	RGB 243 157 156	#F39D9C
83.3%	83.3% #F9ADA0	RGB 249 173 160	#F9ADA0
100.0%	100.0% #FFBDA5	RGB 255 189 165	#FFBDA5

#DD5E8B #E26D8F #E87D93 #EE8D98 #F39D9C #F9ADA0 #FFBDA5

#DD5E8B - #FFBDA5

Miscela HSV

#DD5E8B - #FFBDA5 | 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 #DD5E8B come 0% e #FFBDA5 come 100%.

0.0%	0.0% #DD5E8A	RGB 221 94 138	#DD5E8A
16.7%	16.7% #E26887	RGB 226 104 135	#E26887
33.3%	33.3% #E87385	RGB 232 115 133	#E87385
50.0%	50.0% #EE7F84	RGB 238 127 132	#EE7F84
66.7%	66.7% #F3918B	RGB 243 145 139	#F3918B
83.3%	83.3% #F9A798	RGB 249 167 152	#F9A798
100.0%	100.0% #FFBDA5	RGB 255 189 165	#FFBDA5

#DD5E8A #E26887 #E87385 #EE7F84 #F3918B #F9A798 #FFBDA5

#DD5E8B - #EE7F84 - #FFBDA5

Codici CSS

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

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