#252850 - #0A0B16 | 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 #252850 a #0A0B16

#252850 #0A0B16

Calcule el color entre dos colores, #252850 y #0A0B16. 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)

#252850 - #0A0B16 | 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 #252850 como 0% y #0A0B16 como 100%.

0.0%	0.0% #252850	RGB 37 40 80	#252850
16.7%	16.7% #202346	RGB 32 35 70	#202346
33.3%	33.3% #1C1E3C	RGB 28 30 60	#1C1E3C
50.0%	50.0% #171933	RGB 23 25 51	#171933
66.7%	66.7% #131429	RGB 19 20 41	#131429
83.3%	83.3% #0E0F1F	RGB 14 15 31	#0E0F1F
100.0%	100.0% #0A0B16	RGB 10 11 22	#0A0B16

#252850 #202346 #1C1E3C #171933 #131429 #0E0F1F #0A0B16

#252850 - #0A0B16

Mezcla HSV

#252850 - #0A0B16 | 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 #252850 como 0% y #0A0B16 como 100%.

0.0%	0.0% #242750	RGB 36 39 80	#242750
16.7%	16.7% #202346	RGB 32 35 70	#202346
33.3%	33.3% #1B1E3C	RGB 27 30 60	#1B1E3C
50.0%	50.0% #171933	RGB 23 25 51	#171933
66.7%	66.7% #121429	RGB 18 20 41	#121429
83.3%	83.3% #0E0F1F	RGB 14 15 31	#0E0F1F
100.0%	100.0% #0A0B16	RGB 10 11 22	#0A0B16

#242750 #202346 #1B1E3C #171933 #121429 #0E0F1F #0A0B16

#252850 - #171933 - #0A0B16

Códigos CSS

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

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