#391034 - #10040F | 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 #391034 a #10040F

#391034 #10040F

Calcule el color entre dos colores, #391034 y #10040F. 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)

#391034 - #10040F | 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 #391034 como 0% y #10040F como 100%.

0.0%	0.0% #391034	RGB 57 16 52	#391034
16.7%	16.7% #320E2D	RGB 50 14 45	#320E2D
33.3%	33.3% #2B0C27	RGB 43 12 39	#2B0C27
50.0%	50.0% #240A21	RGB 36 10 33	#240A21
66.7%	66.7% #1D081B	RGB 29 8 27	#1D081B
83.3%	83.3% #160615	RGB 22 6 21	#160615
100.0%	100.0% #10040F	RGB 16 4 15	#10040F

#391034 #320E2D #2B0C27 #240A21 #1D081B #160615 #10040F

#391034 - #10040F

Mezcla HSV

#391034 - #10040F | 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 #391034 como 0% y #10040F como 100%.

0.0%	0.0% #391034	RGB 57 16 52	#391034
16.7%	16.7% #320D2D	RGB 50 13 45	#320D2D
33.3%	33.3% #2B0B27	RGB 43 11 39	#2B0B27
50.0%	50.0% #240921	RGB 36 9 33	#240921
66.7%	66.7% #1D071B	RGB 29 7 27	#1D071B
83.3%	83.3% #160515	RGB 22 5 21	#160515
100.0%	100.0% #10040F	RGB 16 4 15	#10040F

#391034 #320D2D #2B0B27 #240921 #1D071B #160515 #10040F

#391034 - #240921 - #10040F

Códigos CSS

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

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