#868BCC - #26273A | 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 #868BCC a #26273A

#868BCC #26273A

Calcule el color entre dos colores, #868BCC y #26273A. 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)

#868BCC - #26273A | 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 #868BCC como 0% y #26273A como 100%.

0.0%	0.0% #868BCC	RGB 134 139 204	#868BCC
16.7%	16.7% #767AB3	RGB 118 122 179	#767AB3
33.3%	33.3% #66699B	RGB 102 105 155	#66699B
50.0%	50.0% #565983	RGB 86 89 131	#565983
66.7%	66.7% #46486A	RGB 70 72 106	#46486A
83.3%	83.3% #363752	RGB 54 55 82	#363752
100.0%	100.0% #26273A	RGB 38 39 58	#26273A

#868BCC #767AB3 #66699B #565983 #46486A #363752 #26273A

#868BCC - #26273A

Mezcla HSV

#868BCC - #26273A | 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 #868BCC como 0% y #26273A como 100%.

0.0%	0.0% #868BCC	RGB 134 139 204	#868BCC
16.7%	16.7% #757AB3	RGB 117 122 179	#757AB3
33.3%	33.3% #65699B	RGB 101 105 155	#65699B
50.0%	50.0% #555883	RGB 85 88 131	#555883
66.7%	66.7% #45486A	RGB 69 72 106	#45486A
83.3%	83.3% #353752	RGB 53 55 82	#353752
100.0%	100.0% #26273A	RGB 38 39 58	#26273A

#868BCC #757AB3 #65699B #555883 #45486A #353752 #26273A

#868BCC - #555883 - #26273A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868BCC 0%, #555883 50%, #26273A 100%);
    background: -webkit-linear-gradient(top, #868BCC 0%, #555883 50%, #26273A 100%);
    background: linear-gradient(to bottom, #868BCC 0%, #555883 50%, #26273A 100%);
}
</style>