#414765 - #0F1E1D | 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 #414765 a #0F1E1D

#414765 #0F1E1D

Calcule el color entre dos colores, #414765 y #0F1E1D. 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)

#414765 - #0F1E1D | 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 #414765 como 0% y #0F1E1D como 100%.

0.0%	0.0% #414765	RGB 65 71 101	#414765
16.7%	16.7% #384059	RGB 56 64 89	#384059
33.3%	33.3% #30394D	RGB 48 57 77	#30394D
50.0%	50.0% #283241	RGB 40 50 65	#283241
66.7%	66.7% #1F2B35	RGB 31 43 53	#1F2B35
83.3%	83.3% #172429	RGB 23 36 41	#172429
100.0%	100.0% #0F1E1D	RGB 15 30 29	#0F1E1D

#414765 #384059 #30394D #283241 #1F2B35 #172429 #0F1E1D

#414765 - #0F1E1D

Mezcla HSV

#414765 - #0F1E1D | 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 #414765 como 0% y #0F1E1D como 100%.

0.0%	0.0% #414765	RGB 65 71 101	#414765
16.7%	16.7% #374159	RGB 55 65 89	#374159
33.3%	33.3% #2E3C4D	RGB 46 60 77	#2E3C4D
50.0%	50.0% #253641	RGB 37 54 65	#253641
66.7%	66.7% #1D3035	RGB 29 48 53	#1D3035
83.3%	83.3% #152829	RGB 21 40 41	#152829
100.0%	100.0% #0F1E1D	RGB 15 30 29	#0F1E1D

#414765 #374159 #2E3C4D #253641 #1D3035 #152829 #0F1E1D

#414765 - #253641 - #0F1E1D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #414765 0%, #253641 50%, #0F1E1D 100%);
    background: -webkit-linear-gradient(top, #414765 0%, #253641 50%, #0F1E1D 100%);
    background: linear-gradient(to bottom, #414765 0%, #253641 50%, #0F1E1D 100%);
}
</style>