#3E3850 - #061A1A | 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 #3E3850 a #061A1A

#3E3850 #061A1A

Calcule el color entre dos colores, #3E3850 y #061A1A. 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)

#3E3850 - #061A1A | 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 #3E3850 como 0% y #061A1A como 100%.

0.0%	0.0% #3E3850	RGB 62 56 80	#3E3850
16.7%	16.7% #343347	RGB 52 51 71	#343347
33.3%	33.3% #2B2E3E	RGB 43 46 62	#2B2E3E
50.0%	50.0% #222935	RGB 34 41 53	#222935
66.7%	66.7% #18242C	RGB 24 36 44	#18242C
83.3%	83.3% #0F1F23	RGB 15 31 35	#0F1F23
100.0%	100.0% #061A1A	RGB 6 26 26	#061A1A

#3E3850 #343347 #2B2E3E #222935 #18242C #0F1F23 #061A1A

#3E3850 - #061A1A

Mezcla HSV

#3E3850 - #061A1A | 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 #3E3850 como 0% y #061A1A como 100%.

0.0%	0.0% #3E3850	RGB 62 56 80	#3E3850
16.7%	16.7% #2D2C47	RGB 45 44 71	#2D2C47
33.3%	33.3% #21263E	RGB 33 38 62	#21263E
50.0%	50.0% #182335	RGB 24 35 53	#182335
66.7%	66.7% #11202C	RGB 17 32 44	#11202C
83.3%	83.3% #0A1D23	RGB 10 29 35	#0A1D23
100.0%	100.0% #061A1A	RGB 6 26 26	#061A1A

#3E3850 #2D2C47 #21263E #182335 #11202C #0A1D23 #061A1A

#3E3850 - #182335 - #061A1A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3850 0%, #182335 50%, #061A1A 100%);
    background: -webkit-linear-gradient(top, #3E3850 0%, #182335 50%, #061A1A 100%);
    background: linear-gradient(to bottom, #3E3850 0%, #182335 50%, #061A1A 100%);
}
</style>