#000070 - #B6B6D6 | 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 #000070 a #B6B6D6

#000070 #B6B6D6

Calcule el color entre dos colores, #000070 y #B6B6D6. 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)

#000070 - #B6B6D6 | 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 #000070 como 0% y #B6B6D6 como 100%.

0.0%	0.0% #000070	RGB 0 0 112	#000070
16.7%	16.7% #1E1E81	RGB 30 30 129	#1E1E81
33.3%	33.3% #3C3C92	RGB 60 60 146	#3C3C92
50.0%	50.0% #5B5BA3	RGB 91 91 163	#5B5BA3
66.7%	66.7% #7979B4	RGB 121 121 180	#7979B4
83.3%	83.3% #9797C5	RGB 151 151 197	#9797C5
100.0%	100.0% #B6B6D6	RGB 182 182 214	#B6B6D6

#000070 #1E1E81 #3C3C92 #5B5BA3 #7979B4 #9797C5 #B6B6D6

#000070 - #B6B6D6

Mezcla HSV

#000070 - #B6B6D6 | 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 #000070 como 0% y #B6B6D6 como 100%.

0.0%	0.0% #000070	RGB 0 0 112	#000070
16.7%	16.7% #121281	RGB 18 18 129	#121281
33.3%	33.3% #292992	RGB 41 41 146	#292992
50.0%	50.0% #4545A3	RGB 69 69 163	#4545A3
66.7%	66.7% #6666B4	RGB 102 102 180	#6666B4
83.3%	83.3% #8B8BC5	RGB 139 139 197	#8B8BC5
100.0%	100.0% #B6B6D6	RGB 182 182 214	#B6B6D6

#000070 #121281 #292992 #4545A3 #6666B4 #8B8BC5 #B6B6D6

#000070 - #4545A3 - #B6B6D6

Códigos CSS

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

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