#19152D - #BDBCC3 | 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 #19152D a #BDBCC3

#19152D #BDBCC3

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

#19152D - #BDBCC3 | 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 #19152D como 0% y #BDBCC3 como 100%.

0.0%	0.0% #19152D	RGB 25 21 45	#19152D
16.7%	16.7% #343046	RGB 52 48 70	#343046
33.3%	33.3% #4F4C5F	RGB 79 76 95	#4F4C5F
50.0%	50.0% #6B6878	RGB 107 104 120	#6B6878
66.7%	66.7% #868491	RGB 134 132 145	#868491
83.3%	83.3% #A1A0AA	RGB 161 160 170	#A1A0AA
100.0%	100.0% #BDBCC3	RGB 189 188 195	#BDBCC3

#19152D #343046 #4F4C5F #6B6878 #868491 #A1A0AA #BDBCC3

#19152D - #BDBCC3

Mezcla HSV

#19152D - #BDBCC3 | 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 #19152D como 0% y #BDBCC3 como 100%.

0.0%	0.0% #19152D	RGB 25 21 45	#19152D
16.7%	16.7% #2B2646	RGB 43 38 70	#2B2646
33.3%	33.3% #413C5F	RGB 65 60 95	#413C5F
50.0%	50.0% #5B5578	RGB 91 85 120	#5B5578
66.7%	66.7% #787391	RGB 120 115 145	#787391
83.3%	83.3% #9895AA	RGB 152 149 170	#9895AA
100.0%	100.0% #BDBCC3	RGB 189 188 195	#BDBCC3

#19152D #2B2646 #413C5F #5B5578 #787391 #9895AA #BDBCC3

#19152D - #5B5578 - #BDBCC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19152D 0%, #5B5578 50%, #BDBCC3 100%);
    background: -webkit-linear-gradient(top, #19152D 0%, #5B5578 50%, #BDBCC3 100%);
    background: linear-gradient(to bottom, #19152D 0%, #5B5578 50%, #BDBCC3 100%);
}
</style>