#CF5D9A - #FEBDB8 | 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 #CF5D9A a #FEBDB8

#CF5D9A #FEBDB8

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

#CF5D9A - #FEBDB8 | 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 #CF5D9A come 0% e #FEBDB8 come 100%.

0.0%	0.0% #CF5D9A	RGB 207 93 154	#CF5D9A
16.7%	16.7% #D66D9F	RGB 214 109 159	#D66D9F
33.3%	33.3% #DE7DA4	RGB 222 125 164	#DE7DA4
50.0%	50.0% #E68DA9	RGB 230 141 169	#E68DA9
66.7%	66.7% #EE9DAE	RGB 238 157 174	#EE9DAE
83.3%	83.3% #F6ADB3	RGB 246 173 179	#F6ADB3
100.0%	100.0% #FEBDB8	RGB 254 189 184	#FEBDB8

#CF5D9A #D66D9F #DE7DA4 #E68DA9 #EE9DAE #F6ADB3 #FEBDB8

#CF5D9A - #FEBDB8

Miscela HSV

#CF5D9A - #FEBDB8 | 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 #CF5D9A come 0% e #FEBDB8 come 100%.

0.0%	0.0% #CF5D9A	RGB 207 93 154	#CF5D9A
16.7%	16.7% #D66A99	RGB 214 106 153	#D66A99
33.3%	33.3% #DE789A	RGB 222 120 154	#DE789A
50.0%	50.0% #E6879D	RGB 230 135 157	#E6879D
66.7%	66.7% #EE96A2	RGB 238 150 162	#EE96A2
83.3%	83.3% #F6A7A9	RGB 246 167 169	#F6A7A9
100.0%	100.0% #FEBDB8	RGB 254 189 184	#FEBDB8

#CF5D9A #D66A99 #DE789A #E6879D #EE96A2 #F6A7A9 #FEBDB8

#CF5D9A - #E6879D - #FEBDB8

Codici CSS

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

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