#5E628F - #D1D2DF | 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 #5E628F a #D1D2DF

#5E628F #D1D2DF

Calcule el color entre dos colores, #5E628F y #D1D2DF. 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)

#5E628F - #D1D2DF | 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 #5E628F como 0% y #D1D2DF como 100%.

0.0%	0.0% #5E628F	RGB 94 98 143	#5E628F
16.7%	16.7% #71749C	RGB 113 116 156	#71749C
33.3%	33.3% #8487A9	RGB 132 135 169	#8487A9
50.0%	50.0% #979AB7	RGB 151 154 183	#979AB7
66.7%	66.7% #AAACC4	RGB 170 172 196	#AAACC4
83.3%	83.3% #BDBFD1	RGB 189 191 209	#BDBFD1
100.0%	100.0% #D1D2DF	RGB 209 210 223	#D1D2DF

#5E628F #71749C #8487A9 #979AB7 #AAACC4 #BDBFD1 #D1D2DF

#5E628F - #D1D2DF

Mezcla HSV

#5E628F - #D1D2DF | 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 #5E628F como 0% y #D1D2DF como 100%.

0.0%	0.0% #5E628F	RGB 94 98 143	#5E628F
16.7%	16.7% #6E719C	RGB 110 113 156	#6E719C
33.3%	33.3% #7F82A9	RGB 127 130 169	#7F82A9
50.0%	50.0% #9194B7	RGB 145 148 183	#9194B7
66.7%	66.7% #A5A7C4	RGB 165 167 196	#A5A7C4
83.3%	83.3% #BABCD1	RGB 186 188 209	#BABCD1
100.0%	100.0% #D1D2DF	RGB 209 210 223	#D1D2DF

#5E628F #6E719C #7F82A9 #9194B7 #A5A7C4 #BABCD1 #D1D2DF

#5E628F - #9194B7 - #D1D2DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E628F 0%, #9194B7 50%, #D1D2DF 100%);
    background: -webkit-linear-gradient(top, #5E628F 0%, #9194B7 50%, #D1D2DF 100%);
    background: linear-gradient(to bottom, #5E628F 0%, #9194B7 50%, #D1D2DF 100%);
}
</style>