#CA5E84 - #FFB69D | 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 #CA5E84 a #FFB69D

#CA5E84 #FFB69D

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

#CA5E84 - #FFB69D | 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 #CA5E84 come 0% e #FFB69D come 100%.

0.0%	0.0% #CA5E84	RGB 202 94 132	#CA5E84
16.7%	16.7% #D26C88	RGB 210 108 136	#D26C88
33.3%	33.3% #DB7B8C	RGB 219 123 140	#DB7B8C
50.0%	50.0% #E48A90	RGB 228 138 144	#E48A90
66.7%	66.7% #ED9894	RGB 237 152 148	#ED9894
83.3%	83.3% #F6A798	RGB 246 167 152	#F6A798
100.0%	100.0% #FFB69D	RGB 255 182 157	#FFB69D

#CA5E84 #D26C88 #DB7B8C #E48A90 #ED9894 #F6A798 #FFB69D

#CA5E84 - #FFB69D

Miscela HSV

#CA5E84 - #FFB69D | 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 #CA5E84 come 0% e #FFB69D come 100%.

0.0%	0.0% #CA5E84	RGB 202 94 132	#CA5E84
16.7%	16.7% #D26782	RGB 210 103 130	#D26782
33.3%	33.3% #DB7181	RGB 219 113 129	#DB7181
50.0%	50.0% #E47B80	RGB 228 123 128	#E47B80
66.7%	66.7% #ED8B86	RGB 237 139 134	#ED8B86
83.3%	83.3% #F6A091	RGB 246 160 145	#F6A091
100.0%	100.0% #FFB69D	RGB 255 182 157	#FFB69D

#CA5E84 #D26782 #DB7181 #E47B80 #ED8B86 #F6A091 #FFB69D

#CA5E84 - #E47B80 - #FFB69D

Codici CSS

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

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