#3E3C3E - #3C033F | 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 #3E3C3E a #3C033F

#3E3C3E #3C033F

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

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

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #3D323E	RGB 61 50 62	#3D323E
33.3%	33.3% #3D293E	RGB 61 41 62	#3D293E
50.0%	50.0% #3D1F3E	RGB 61 31 62	#3D1F3E
66.7%	66.7% #3C163E	RGB 60 22 62	#3C163E
83.3%	83.3% #3C0C3E	RGB 60 12 62	#3C0C3E
100.0%	100.0% #3C033F	RGB 60 3 63	#3C033F

#3E3C3E #3D323E #3D293E #3D1F3E #3C163E #3C0C3E #3C033F

#3E3C3E - #3C033F

Mezcla HSV

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

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #3E323E	RGB 62 50 62	#3E323E
33.3%	33.3% #3D293E	RGB 61 41 62	#3D293E
50.0%	50.0% #3D1F3E	RGB 61 31 62	#3D1F3E
66.7%	66.7% #3D163E	RGB 61 22 62	#3D163E
83.3%	83.3% #3C0C3E	RGB 60 12 62	#3C0C3E
100.0%	100.0% #3C033F	RGB 60 3 63	#3C033F

#3E3C3E #3E323E #3D293E #3D1F3E #3D163E #3C0C3E #3C033F

#3E3C3E - #3D1F3E - #3C033F

Códigos CSS

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

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