#3E4368 - #8C8690 | 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 #3E4368 a #8C8690

#3E4368 #8C8690

Calcule el color entre dos colores, #3E4368 y #8C8690. 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)

#3E4368 - #8C8690 | 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 #3E4368 como 0% y #8C8690 como 100%.

0.0%	0.0% #3E4368	RGB 62 67 104	#3E4368
16.7%	16.7% #4B4E6E	RGB 75 78 110	#4B4E6E
33.3%	33.3% #585975	RGB 88 89 117	#585975
50.0%	50.0% #65647C	RGB 101 100 124	#65647C
66.7%	66.7% #726F82	RGB 114 111 130	#726F82
83.3%	83.3% #7F7A89	RGB 127 122 137	#7F7A89
100.0%	100.0% #8C8690	RGB 140 134 144	#8C8690

#3E4368 #4B4E6E #585975 #65647C #726F82 #7F7A89 #8C8690

#3E4368 - #8C8690

Mezcla HSV

#3E4368 - #8C8690 | 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 #3E4368 como 0% y #8C8690 como 100%.

0.0%	0.0% #3E4368	RGB 62 67 104	#3E4368
16.7%	16.7% #48486E	RGB 72 72 110	#48486E
33.3%	33.3% #575375	RGB 87 83 117	#575375
50.0%	50.0% #655E7C	RGB 101 94 124	#655E7C
66.7%	66.7% #736B82	RGB 115 107 130	#736B82
83.3%	83.3% #807889	RGB 128 120 137	#807889
100.0%	100.0% #8C8690	RGB 140 134 144	#8C8690

#3E4368 #48486E #575375 #655E7C #736B82 #807889 #8C8690

#3E4368 - #655E7C - #8C8690

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4368 0%, #655E7C 50%, #8C8690 100%);
    background: -webkit-linear-gradient(top, #3E4368 0%, #655E7C 50%, #8C8690 100%);
    background: linear-gradient(to bottom, #3E4368 0%, #655E7C 50%, #8C8690 100%);
}
</style>