#CF987C - #AD522C | 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 #CF987C a #AD522C

#CF987C #AD522C

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

#CF987C - #AD522C | 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 #CF987C come 0% e #AD522C come 100%.

0.0%	0.0% #CF987C	RGB 207 152 124	#CF987C
16.7%	16.7% #C98C6E	RGB 201 140 110	#C98C6E
33.3%	33.3% #C38061	RGB 195 128 97	#C38061
50.0%	50.0% #BE7554	RGB 190 117 84	#BE7554
66.7%	66.7% #B86946	RGB 184 105 70	#B86946
83.3%	83.3% #B25D39	RGB 178 93 57	#B25D39
100.0%	100.0% #AD522C	RGB 173 82 44	#AD522C

#CF987C #C98C6E #C38061 #BE7554 #B86946 #B25D39 #AD522C

#CF987C - #AD522C

Miscela HSV

#CF987C - #AD522C | 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 #CF987C come 0% e #AD522C come 100%.

0.0%	0.0% #CF987C	RGB 207 152 124	#CF987C
16.7%	16.7% #C98B6D	RGB 201 139 109	#C98B6D
33.3%	33.3% #C37F5E	RGB 195 127 94	#C37F5E
50.0%	50.0% #BE7351	RGB 190 115 81	#BE7351
66.7%	66.7% #B86744	RGB 184 103 68	#B86744
83.3%	83.3% #B25C37	RGB 178 92 55	#B25C37
100.0%	100.0% #AD522C	RGB 173 82 44	#AD522C

#CF987C #C98B6D #C37F5E #BE7351 #B86744 #B25C37 #AD522C

#CF987C - #BE7351 - #AD522C

Codici CSS

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

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