#1B152D - #BEBCC3 | 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 #1B152D a #BEBCC3

#1B152D #BEBCC3

Calcule el color entre dos colores, #1B152D y #BEBCC3. 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)

#1B152D - #BEBCC3 | 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 #1B152D como 0% y #BEBCC3 como 100%.

0.0%	0.0% #1B152D	RGB 27 21 45	#1B152D
16.7%	16.7% #363046	RGB 54 48 70	#363046
33.3%	33.3% #514C5F	RGB 81 76 95	#514C5F
50.0%	50.0% #6C6878	RGB 108 104 120	#6C6878
66.7%	66.7% #878491	RGB 135 132 145	#878491
83.3%	83.3% #A2A0AA	RGB 162 160 170	#A2A0AA
100.0%	100.0% #BEBCC3	RGB 190 188 195	#BEBCC3

#1B152D #363046 #514C5F #6C6878 #878491 #A2A0AA #BEBCC3

#1B152D - #BEBCC3

Mezcla HSV

#1B152D - #BEBCC3 | 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 #1B152D como 0% y #BEBCC3 como 100%.

0.0%	0.0% #1A152D	RGB 26 21 45	#1A152D
16.7%	16.7% #2E2646	RGB 46 38 70	#2E2646
33.3%	33.3% #453C5F	RGB 69 60 95	#453C5F
50.0%	50.0% #5E5578	RGB 94 85 120	#5E5578
66.7%	66.7% #7B7391	RGB 123 115 145	#7B7391
83.3%	83.3% #9B95AA	RGB 155 149 170	#9B95AA
100.0%	100.0% #BEBCC3	RGB 190 188 195	#BEBCC3

#1A152D #2E2646 #453C5F #5E5578 #7B7391 #9B95AA #BEBCC3

#1B152D - #5E5578 - #BEBCC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A152D 0%, #5E5578 50%, #BEBCC3 100%);
    background: -webkit-linear-gradient(top, #1A152D 0%, #5E5578 50%, #BEBCC3 100%);
    background: linear-gradient(to bottom, #1A152D 0%, #5E5578 50%, #BEBCC3 100%);
}
</style>