#292B5E - #646A8F | 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 #292B5E a #646A8F

#292B5E #646A8F

Calcule el color entre dos colores, #292B5E y #646A8F. 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)

#292B5E - #646A8F | 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 #292B5E como 0% y #646A8F como 100%.

0.0%	0.0% #292B5E	RGB 41 43 94	#292B5E
16.7%	16.7% #323566	RGB 50 53 102	#323566
33.3%	33.3% #3C406E	RGB 60 64 110	#3C406E
50.0%	50.0% #464A76	RGB 70 74 118	#464A76
66.7%	66.7% #50557E	RGB 80 85 126	#50557E
83.3%	83.3% #5A5F86	RGB 90 95 134	#5A5F86
100.0%	100.0% #646A8F	RGB 100 106 143	#646A8F

#292B5E #323566 #3C406E #464A76 #50557E #5A5F86 #646A8F

#292B5E - #646A8F

Mezcla HSV

#292B5E - #646A8F | 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 #292B5E como 0% y #646A8F como 100%.

0.0%	0.0% #292A5E	RGB 41 42 94	#292A5E
16.7%	16.7% #313366	RGB 49 51 102	#313366
33.3%	33.3% #393D6E	RGB 57 61 110	#393D6E
50.0%	50.0% #434776	RGB 67 71 118	#434776
66.7%	66.7% #4D527E	RGB 77 82 126	#4D527E
83.3%	83.3% #585E86	RGB 88 94 134	#585E86
100.0%	100.0% #646A8F	RGB 100 106 143	#646A8F

#292A5E #313366 #393D6E #434776 #4D527E #585E86 #646A8F

#292B5E - #434776 - #646A8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #292A5E 0%, #434776 50%, #646A8F 100%);
    background: -webkit-linear-gradient(top, #292A5E 0%, #434776 50%, #646A8F 100%);
    background: linear-gradient(to bottom, #292A5E 0%, #434776 50%, #646A8F 100%);
}
</style>