#15002A - #BCB6C2 | 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 #15002A a #BCB6C2

#15002A #BCB6C2

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

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

0.0%	0.0% #15002A	RGB 21 0 42	#15002A
16.7%	16.7% #301E43	RGB 48 30 67	#301E43
33.3%	33.3% #4C3C5C	RGB 76 60 92	#4C3C5C
50.0%	50.0% #685B76	RGB 104 91 118	#685B76
66.7%	66.7% #84798F	RGB 132 121 143	#84798F
83.3%	83.3% #A097A8	RGB 160 151 168	#A097A8
100.0%	100.0% #BCB6C2	RGB 188 182 194	#BCB6C2

#15002A #301E43 #4C3C5C #685B76 #84798F #A097A8 #BCB6C2

#15002A - #BCB6C2

Mezcla HSV

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

0.0%	0.0% #15002A	RGB 21 0 42	#15002A
16.7%	16.7% #260A43	RGB 38 10 67	#260A43
33.3%	33.3% #3C1C5C	RGB 60 28 92	#3C1C5C
50.0%	50.0% #563776	RGB 86 55 118	#563776
66.7%	66.7% #74598F	RGB 116 89 143	#74598F
83.3%	83.3% #9683A8	RGB 150 131 168	#9683A8
100.0%	100.0% #BCB6C2	RGB 188 182 194	#BCB6C2

#15002A #260A43 #3C1C5C #563776 #74598F #9683A8 #BCB6C2

#15002A - #563776 - #BCB6C2

Códigos CSS

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

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