#2B2D50 - #6A6A7E | 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 #2B2D50 a #6A6A7E

#2B2D50 #6A6A7E

Calcule el color entre dos colores, #2B2D50 y #6A6A7E. 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)

#2B2D50 - #6A6A7E | 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 #2B2D50 como 0% y #6A6A7E como 100%.

0.0%	0.0% #2B2D50	RGB 43 45 80	#2B2D50
16.7%	16.7% #353757	RGB 53 55 87	#353757
33.3%	33.3% #40415F	RGB 64 65 95	#40415F
50.0%	50.0% #4A4B67	RGB 74 75 103	#4A4B67
66.7%	66.7% #55556E	RGB 85 85 110	#55556E
83.3%	83.3% #5F5F76	RGB 95 95 118	#5F5F76
100.0%	100.0% #6A6A7E	RGB 106 106 126	#6A6A7E

#2B2D50 #353757 #40415F #4A4B67 #55556E #5F5F76 #6A6A7E

#2B2D50 - #6A6A7E

Mezcla HSV

#2B2D50 - #6A6A7E | 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 #2B2D50 como 0% y #6A6A7E como 100%.

0.0%	0.0% #2B2C50	RGB 43 44 80	#2B2C50
16.7%	16.7% #333557	RGB 51 53 87	#333557
33.3%	33.3% #3C3E5F	RGB 60 62 95	#3C3E5F
50.0%	50.0% #474767	RGB 71 71 103	#474767
66.7%	66.7% #51526E	RGB 81 82 110	#51526E
83.3%	83.3% #5D5D76	RGB 93 93 118	#5D5D76
100.0%	100.0% #6A6A7E	RGB 106 106 126	#6A6A7E

#2B2C50 #333557 #3C3E5F #474767 #51526E #5D5D76 #6A6A7E

#2B2D50 - #474767 - #6A6A7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2C50 0%, #474767 50%, #6A6A7E 100%);
    background: -webkit-linear-gradient(top, #2B2C50 0%, #474767 50%, #6A6A7E 100%);
    background: linear-gradient(to bottom, #2B2C50 0%, #474767 50%, #6A6A7E 100%);
}
</style>