#DB5E7C - #FFB992 | 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 #DB5E7C a #FFB992

#DB5E7C #FFB992

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

#DB5E7C - #FFB992 | 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 #DB5E7C come 0% e #FFB992 come 100%.

0.0%	0.0% #DB5E7C	RGB 219 94 124	#DB5E7C
16.7%	16.7% #E16D7F	RGB 225 109 127	#E16D7F
33.3%	33.3% #E77C83	RGB 231 124 131	#E77C83
50.0%	50.0% #ED8B87	RGB 237 139 135	#ED8B87
66.7%	66.7% #F39A8A	RGB 243 154 138	#F39A8A
83.3%	83.3% #F9A98E	RGB 249 169 142	#F9A98E
100.0%	100.0% #FFB992	RGB 255 185 146	#FFB992

#DB5E7C #E16D7F #E77C83 #ED8B87 #F39A8A #F9A98E #FFB992

#DB5E7C - #FFB992

Miscela HSV

#DB5E7C - #FFB992 | 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 #DB5E7C come 0% e #FFB992 come 100%.

0.0%	0.0% #DB5E7C	RGB 219 94 124	#DB5E7C
16.7%	16.7% #E16577	RGB 225 101 119	#E16577
33.3%	33.3% #E76E73	RGB 231 110 115	#E76E73
50.0%	50.0% #ED7D76	RGB 237 125 118	#ED7D76
66.7%	66.7% #F3917F	RGB 243 145 127	#F3917F
83.3%	83.3% #F9A588	RGB 249 165 136	#F9A588
100.0%	100.0% #FFB992	RGB 255 185 146	#FFB992

#DB5E7C #E16577 #E76E73 #ED7D76 #F3917F #F9A588 #FFB992

#DB5E7C - #ED7D76 - #FFB992

Codici CSS

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

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