#FFCADB - #DB6F93 | 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 #FFCADB a #DB6F93

#FFCADB #DB6F93

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

#FFCADB - #DB6F93 | 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 #FFCADB come 0% e #DB6F93 come 100%.

0.0%	0.0% #FFCADB	RGB 255 202 219	#FFCADB
16.7%	16.7% #F9BACF	RGB 249 186 207	#F9BACF
33.3%	33.3% #F3ABC3	RGB 243 171 195	#F3ABC3
50.0%	50.0% #ED9CB7	RGB 237 156 183	#ED9CB7
66.7%	66.7% #E78DAB	RGB 231 141 171	#E78DAB
83.3%	83.3% #E17E9F	RGB 225 126 159	#E17E9F
100.0%	100.0% #DB6F93	RGB 219 111 147	#DB6F93

#FFCADB #F9BACF #F3ABC3 #ED9CB7 #E78DAB #E17E9F #DB6F93

#FFCADB - #DB6F93

Miscela HSV

#FFCADB - #DB6F93 | 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 #FFCADB come 0% e #DB6F93 come 100%.

0.0%	0.0% #FFCADB	RGB 255 202 219	#FFCADB
16.7%	16.7% #F9B9CD	RGB 249 185 205	#F9B9CD
33.3%	33.3% #F3A9C1	RGB 243 169 193	#F3A9C1
50.0%	50.0% #ED99B5	RGB 237 153 181	#ED99B5
66.7%	66.7% #E78BA9	RGB 231 139 169	#E78BA9
83.3%	83.3% #E17C9D	RGB 225 124 157	#E17C9D
100.0%	100.0% #DB6F93	RGB 219 111 147	#DB6F93

#FFCADB #F9B9CD #F3A9C1 #ED99B5 #E78BA9 #E17C9D #DB6F93

#FFCADB - #ED99B5 - #DB6F93

Codici CSS

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

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