#3E3C5E - #250814 | 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 #3E3C5E a #250814

#3E3C5E #250814

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

#3E3C5E - #250814 | 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 #3E3C5E como 0% y #250814 como 100%.

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #393351	RGB 57 51 81	#393351
33.3%	33.3% #352A45	RGB 53 42 69	#352A45
50.0%	50.0% #312239	RGB 49 34 57	#312239
66.7%	66.7% #2D192C	RGB 45 25 44	#2D192C
83.3%	83.3% #291020	RGB 41 16 32	#291020
100.0%	100.0% #250814	RGB 37 8 20	#250814

#3E3C5E #393351 #352A45 #312239 #2D192C #291020 #250814

#3E3C5E - #250814

Mezcla HSV

#3E3C5E - #250814 | 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 #3E3C5E como 0% y #250814 como 100%.

0.0%	0.0% #3E3C5E	RGB 62 60 94	#3E3C5E
16.7%	16.7% #3B2F54	RGB 59 47 84	#3B2F54
33.3%	33.3% #3A254B	RGB 58 37 75	#3A254B
50.0%	50.0% #3A1B41	RGB 58 27 65	#3A1B41
66.7%	66.7% #381335	RGB 56 19 53	#381335
83.3%	83.3% #2E0D23	RGB 46 13 35	#2E0D23
100.0%	100.0% #250814	RGB 37 8 20	#250814

#3E3C5E #3B2F54 #3A254B #3A1B41 #381335 #2E0D23 #250814

#3E3C5E - #3A1B41 - #250814

Códigos CSS

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

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