#4D4D9D - #8F95C0 | 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 #4D4D9D a #8F95C0

#4D4D9D #8F95C0

Calcule el color entre dos colores, #4D4D9D y #8F95C0. 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)

#4D4D9D - #8F95C0 | 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 #4D4D9D como 0% y #8F95C0 como 100%.

0.0%	0.0% #4D4D9D	RGB 77 77 157	#4D4D9D
16.7%	16.7% #5859A2	RGB 88 89 162	#5859A2
33.3%	33.3% #6365A8	RGB 99 101 168	#6365A8
50.0%	50.0% #6E71AE	RGB 110 113 174	#6E71AE
66.7%	66.7% #797DB4	RGB 121 125 180	#797DB4
83.3%	83.3% #8489BA	RGB 132 137 186	#8489BA
100.0%	100.0% #8F95C0	RGB 143 149 192	#8F95C0

#4D4D9D #5859A2 #6365A8 #6E71AE #797DB4 #8489BA #8F95C0

#4D4D9D - #8F95C0

Mezcla HSV

#4D4D9D - #8F95C0 | 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 #4D4D9D como 0% y #8F95C0 como 100%.

0.0%	0.0% #4D4D9D	RGB 77 77 157	#4D4D9D
16.7%	16.7% #5658A2	RGB 86 88 162	#5658A2
33.3%	33.3% #6163A8	RGB 97 99 168	#6163A8
50.0%	50.0% #6B6FAE	RGB 107 111 174	#6B6FAE
66.7%	66.7% #777CB4	RGB 119 124 180	#777CB4
83.3%	83.3% #8288BA	RGB 130 136 186	#8288BA
100.0%	100.0% #8F95C0	RGB 143 149 192	#8F95C0

#4D4D9D #5658A2 #6163A8 #6B6FAE #777CB4 #8288BA #8F95C0

#4D4D9D - #6B6FAE - #8F95C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D9D 0%, #6B6FAE 50%, #8F95C0 100%);
    background: -webkit-linear-gradient(top, #4D4D9D 0%, #6B6FAE 50%, #8F95C0 100%);
    background: linear-gradient(to bottom, #4D4D9D 0%, #6B6FAE 50%, #8F95C0 100%);
}
</style>