#391029 - #10040B | 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 #391029 a #10040B

#391029 #10040B

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

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

0.0%	0.0% #391029	RGB 57 16 41	#391029
16.7%	16.7% #320E24	RGB 50 14 36	#320E24
33.3%	33.3% #2B0C1F	RGB 43 12 31	#2B0C1F
50.0%	50.0% #240A1A	RGB 36 10 26	#240A1A
66.7%	66.7% #1D0815	RGB 29 8 21	#1D0815
83.3%	83.3% #160610	RGB 22 6 16	#160610
100.0%	100.0% #10040B	RGB 16 4 11	#10040B

#391029 #320E24 #2B0C1F #240A1A #1D0815 #160610 #10040B

#391029 - #10040B

Mezcla HSV

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

0.0%	0.0% #391029	RGB 57 16 41	#391029
16.7%	16.7% #320D23	RGB 50 13 35	#320D23
33.3%	33.3% #2B0B1E	RGB 43 11 30	#2B0B1E
50.0%	50.0% #240919	RGB 36 9 25	#240919
66.7%	66.7% #1D0714	RGB 29 7 20	#1D0714
83.3%	83.3% #16050F	RGB 22 5 15	#16050F
100.0%	100.0% #10040B	RGB 16 4 11	#10040B

#391029 #320D23 #2B0B1E #240919 #1D0714 #16050F #10040B

#391029 - #240919 - #10040B

Códigos CSS

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

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