#9B9ECC - #3D4F88 | 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 #9B9ECC a #3D4F88

#9B9ECC #3D4F88

Calcule el color entre dos colores, #9B9ECC y #3D4F88. 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)

#9B9ECC - #3D4F88 | 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 #9B9ECC como 0% y #3D4F88 como 100%.

0.0%	0.0% #9B9ECC	RGB 155 158 204	#9B9ECC
16.7%	16.7% #8B90C0	RGB 139 144 192	#8B90C0
33.3%	33.3% #7B83B5	RGB 123 131 181	#7B83B5
50.0%	50.0% #6C76AA	RGB 108 118 170	#6C76AA
66.7%	66.7% #5C699E	RGB 92 105 158	#5C699E
83.3%	83.3% #4C5C93	RGB 76 92 147	#4C5C93
100.0%	100.0% #3D4F88	RGB 61 79 136	#3D4F88

#9B9ECC #8B90C0 #7B83B5 #6C76AA #5C699E #4C5C93 #3D4F88

#9B9ECC - #3D4F88

Mezcla HSV

#9B9ECC - #3D4F88 | 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 #9B9ECC como 0% y #3D4F88 como 100%.

0.0%	0.0% #9B9DCC	RGB 155 157 204	#9B9DCC
16.7%	16.7% #888DC0	RGB 136 141 192	#888DC0
33.3%	33.3% #767EB5	RGB 118 126 181	#767EB5
50.0%	50.0% #6670AA	RGB 102 112 170	#6670AA
66.7%	66.7% #57649E	RGB 87 100 158	#57649E
83.3%	83.3% #495993	RGB 73 89 147	#495993
100.0%	100.0% #3D4F88	RGB 61 79 136	#3D4F88

#9B9DCC #888DC0 #767EB5 #6670AA #57649E #495993 #3D4F88

#9B9ECC - #6670AA - #3D4F88

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B9DCC 0%, #6670AA 50%, #3D4F88 100%);
    background: -webkit-linear-gradient(top, #9B9DCC 0%, #6670AA 50%, #3D4F88 100%);
    background: linear-gradient(to bottom, #9B9DCC 0%, #6670AA 50%, #3D4F88 100%);
}
</style>