#DF3E52 - #FF965C | 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 #DF3E52 a #FF965C

#DF3E52 #FF965C

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

#DF3E52 - #FF965C | 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 #DF3E52 come 0% e #FF965C come 100%.

0.0%	0.0% #DF3E52	RGB 223 62 82	#DF3E52
16.7%	16.7% #E44C53	RGB 228 76 83	#E44C53
33.3%	33.3% #E95B55	RGB 233 91 85	#E95B55
50.0%	50.0% #EF6A57	RGB 239 106 87	#EF6A57
66.7%	66.7% #F47858	RGB 244 120 88	#F47858
83.3%	83.3% #F9875A	RGB 249 135 90	#F9875A
100.0%	100.0% #FF965C	RGB 255 150 92	#FF965C

#DF3E52 #E44C53 #E95B55 #EF6A57 #F47858 #F9875A #FF965C

#DF3E52 - #FF965C

Miscela HSV

#DF3E52 - #FF965C | 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 #DF3E52 come 0% e #FF965C come 100%.

0.0%	0.0% #DF3E51	RGB 223 62 81	#DF3E51
16.7%	16.7% #E44249	RGB 228 66 73	#E44249
33.3%	33.3% #E94D47	RGB 233 77 71	#E94D47
50.0%	50.0% #EF5F4C	RGB 239 95 76	#EF5F4C
66.7%	66.7% #F47151	RGB 244 113 81	#F47151
83.3%	83.3% #F98356	RGB 249 131 86	#F98356
100.0%	100.0% #FF965C	RGB 255 150 92	#FF965C

#DF3E51 #E44249 #E94D47 #EF5F4C #F47151 #F98356 #FF965C

#DF3E52 - #EF5F4C - #FF965C

Codici CSS

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

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