#41468D - #878DB5 | 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 #41468D a #878DB5

#41468D #878DB5

Calcule el color entre dos colores, #41468D y #878DB5. 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)

#41468D - #878DB5 | 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 #41468D como 0% y #878DB5 como 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #4C5193	RGB 76 81 147	#4C5193
33.3%	33.3% #585D9A	RGB 88 93 154	#585D9A
50.0%	50.0% #6469A1	RGB 100 105 161	#6469A1
66.7%	66.7% #6F75A7	RGB 111 117 167	#6F75A7
83.3%	83.3% #7B81AE	RGB 123 129 174	#7B81AE
100.0%	100.0% #878DB5	RGB 135 141 181	#878DB5

#41468D #4C5193 #585D9A #6469A1 #6F75A7 #7B81AE #878DB5

#41468D - #878DB5

Mezcla HSV

#41468D - #878DB5 | 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 #41468D como 0% y #878DB5 como 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #4B5093	RGB 75 80 147	#4B5093
33.3%	33.3% #555B9A	RGB 85 91 154	#555B9A
50.0%	50.0% #6167A1	RGB 97 103 161	#6167A1
66.7%	66.7% #6D73A7	RGB 109 115 167	#6D73A7
83.3%	83.3% #7980AE	RGB 121 128 174	#7980AE
100.0%	100.0% #878DB5	RGB 135 141 181	#878DB5

#41468D #4B5093 #555B9A #6167A1 #6D73A7 #7980AE #878DB5

#41468D - #6167A1 - #878DB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41468D 0%, #6167A1 50%, #878DB5 100%);
    background: -webkit-linear-gradient(top, #41468D 0%, #6167A1 50%, #878DB5 100%);
    background: linear-gradient(to bottom, #41468D 0%, #6167A1 50%, #878DB5 100%);
}
</style>