#383950 - #101016 | 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 #383950 a #101016

#383950 #101016

Calcule el color entre dos colores, #383950 y #101016. 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)

#383950 - #101016 | 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 #383950 como 0% y #101016 como 100%.

0.0%	0.0% #383950	RGB 56 57 80	#383950
16.7%	16.7% #313246	RGB 49 50 70	#313246
33.3%	33.3% #2A2B3C	RGB 42 43 60	#2A2B3C
50.0%	50.0% #242433	RGB 36 36 51	#242433
66.7%	66.7% #1D1D29	RGB 29 29 41	#1D1D29
83.3%	83.3% #16161F	RGB 22 22 31	#16161F
100.0%	100.0% #101016	RGB 16 16 22	#101016

#383950 #313246 #2A2B3C #242433 #1D1D29 #16161F #101016

#383950 - #101016

Mezcla HSV

#383950 - #101016 | 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 #383950 como 0% y #101016 como 100%.

0.0%	0.0% #383950	RGB 56 57 80	#383950
16.7%	16.7% #313246	RGB 49 50 70	#313246
33.3%	33.3% #2B2B3C	RGB 43 43 60	#2B2B3C
50.0%	50.0% #242433	RGB 36 36 51	#242433
66.7%	66.7% #1D1D29	RGB 29 29 41	#1D1D29
83.3%	83.3% #16161F	RGB 22 22 31	#16161F
100.0%	100.0% #101016	RGB 16 16 22	#101016

#383950 #313246 #2B2B3C #242433 #1D1D29 #16161F #101016

#383950 - #242433 - #101016

Códigos CSS

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

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