#13152A - #BBBCC2 | 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 #13152A a #BBBCC2

#13152A #BBBCC2

Calcule el color entre dos colores, #13152A y #BBBCC2. 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)

#13152A - #BBBCC2 | 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 #13152A como 0% y #BBBCC2 como 100%.

0.0%	0.0% #13152A	RGB 19 21 42	#13152A
16.7%	16.7% #2F3043	RGB 47 48 67	#2F3043
33.3%	33.3% #4B4C5C	RGB 75 76 92	#4B4C5C
50.0%	50.0% #676876	RGB 103 104 118	#676876
66.7%	66.7% #83848F	RGB 131 132 143	#83848F
83.3%	83.3% #9FA0A8	RGB 159 160 168	#9FA0A8
100.0%	100.0% #BBBCC2	RGB 187 188 194	#BBBCC2

#13152A #2F3043 #4B4C5C #676876 #83848F #9FA0A8 #BBBCC2

#13152A - #BBBCC2

Mezcla HSV

#13152A - #BBBCC2 | 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 #13152A como 0% y #BBBCC2 como 100%.

0.0%	0.0% #13142A	RGB 19 20 42	#13142A
16.7%	16.7% #242743	RGB 36 39 67	#242743
33.3%	33.3% #393D5C	RGB 57 61 92	#393D5C
50.0%	50.0% #535776	RGB 83 87 118	#535776
66.7%	66.7% #71758F	RGB 113 117 143	#71758F
83.3%	83.3% #9496A8	RGB 148 150 168	#9496A8
100.0%	100.0% #BBBCC2	RGB 187 188 194	#BBBCC2

#13142A #242743 #393D5C #535776 #71758F #9496A8 #BBBCC2

#13152A - #535776 - #BBBCC2

Códigos CSS

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

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