#5E6182 - #D1D1DB | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #5E6182 a #D1D1DB

#5E6182 #D1D1DB

Calcule el color entre dos colores, #5E6182 y #D1D1DB. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#5E6182 - #D1D1DB | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #5E6182 como 0% y #D1D1DB como 100%.

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #717390	RGB 113 115 144	#717390
33.3%	33.3% #84869F	RGB 132 134 159	#84869F
50.0%	50.0% #9799AE	RGB 151 153 174	#9799AE
66.7%	66.7% #AAABBD	RGB 170 171 189	#AAABBD
83.3%	83.3% #BDBECC	RGB 189 190 204	#BDBECC
100.0%	100.0% #D1D1DB	RGB 209 209 219	#D1D1DB

#5E6182 #717390 #84869F #9799AE #AAABBD #BDBECC #D1D1DB

#5E6182 - #D1D1DB

Mezcla HSV

#5E6182 - #D1D1DB | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #5E6182 como 0% y #D1D1DB como 100%.

0.0%	0.0% #5E6182	RGB 94 97 130	#5E6182
16.7%	16.7% #6E7090	RGB 110 112 144	#6E7090
33.3%	33.3% #7F819F	RGB 127 129 159	#7F819F
50.0%	50.0% #9293AE	RGB 146 147 174	#9293AE
66.7%	66.7% #A6A6BD	RGB 166 166 189	#A6A6BD
83.3%	83.3% #BABBCC	RGB 186 187 204	#BABBCC
100.0%	100.0% #D1D1DB	RGB 209 209 219	#D1D1DB

#5E6182 #6E7090 #7F819F #9293AE #A6A6BD #BABBCC #D1D1DB

#5E6182 - #9293AE - #D1D1DB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6182 0%, #9293AE 50%, #D1D1DB 100%);
    background: -webkit-linear-gradient(top, #5E6182 0%, #9293AE 50%, #D1D1DB 100%);
    background: linear-gradient(to bottom, #5E6182 0%, #9293AE 50%, #D1D1DB 100%);
}
</style>