#40468C - #868DB4 | 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 #40468C a #868DB4

#40468C #868DB4

Calcule el color entre dos colores, #40468C y #868DB4. 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)

#40468C - #868DB4 | 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 #40468C como 0% y #868DB4 como 100%.

0.0%	0.0% #40468C	RGB 64 70 140	#40468C
16.7%	16.7% #4B5192	RGB 75 81 146	#4B5192
33.3%	33.3% #575D99	RGB 87 93 153	#575D99
50.0%	50.0% #6369A0	RGB 99 105 160	#6369A0
66.7%	66.7% #6E75A6	RGB 110 117 166	#6E75A6
83.3%	83.3% #7A81AD	RGB 122 129 173	#7A81AD
100.0%	100.0% #868DB4	RGB 134 141 180	#868DB4

#40468C #4B5192 #575D99 #6369A0 #6E75A6 #7A81AD #868DB4

#40468C - #868DB4

Mezcla HSV

#40468C - #868DB4 | 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 #40468C como 0% y #868DB4 como 100%.

0.0%	0.0% #40468C	RGB 64 70 140	#40468C
16.7%	16.7% #4A5092	RGB 74 80 146	#4A5092
33.3%	33.3% #545B99	RGB 84 91 153	#545B99
50.0%	50.0% #6067A0	RGB 96 103 160	#6067A0
66.7%	66.7% #6C73A6	RGB 108 115 166	#6C73A6
83.3%	83.3% #7880AD	RGB 120 128 173	#7880AD
100.0%	100.0% #868DB4	RGB 134 141 180	#868DB4

#40468C #4A5092 #545B99 #6067A0 #6C73A6 #7880AD #868DB4

#40468C - #6067A0 - #868DB4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40468C 0%, #6067A0 50%, #868DB4 100%);
    background: -webkit-linear-gradient(top, #40468C 0%, #6067A0 50%, #868DB4 100%);
    background: linear-gradient(to bottom, #40468C 0%, #6067A0 50%, #868DB4 100%);
}
</style>