#241E21 - #26001E | 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 #241E21 a #26001E

#241E21 #26001E

Calcule el color entre dos colores, #241E21 y #26001E. 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)

#241E21 - #26001E | 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 #241E21 como 0% y #26001E como 100%.

0.0%	0.0% #241E21	RGB 36 30 33	#241E21
16.7%	16.7% #241920	RGB 36 25 32	#241920
33.3%	33.3% #241420	RGB 36 20 32	#241420
50.0%	50.0% #250F1F	RGB 37 15 31	#250F1F
66.7%	66.7% #250A1F	RGB 37 10 31	#250A1F
83.3%	83.3% #25051E	RGB 37 5 30	#25051E
100.0%	100.0% #26001E	RGB 38 0 30	#26001E

#241E21 #241920 #241420 #250F1F #250A1F #25051E #26001E

#241E21 - #26001E

Mezcla HSV

#241E21 - #26001E | 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 #241E21 como 0% y #26001E como 100%.

0.0%	0.0% #241E21	RGB 36 30 33	#241E21
16.7%	16.7% #24191F	RGB 36 25 31	#24191F
33.3%	33.3% #24141E	RGB 36 20 30	#24141E
50.0%	50.0% #250F1D	RGB 37 15 29	#250F1D
66.7%	66.7% #250A1D	RGB 37 10 29	#250A1D
83.3%	83.3% #25051D	RGB 37 5 29	#25051D
100.0%	100.0% #26001E	RGB 38 0 30	#26001E

#241E21 #24191F #24141E #250F1D #250A1D #25051D #26001E

#241E21 - #250F1D - #26001E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #241E21 0%, #250F1D 50%, #26001E 100%);
    background: -webkit-linear-gradient(top, #241E21 0%, #250F1D 50%, #26001E 100%);
    background: linear-gradient(to bottom, #241E21 0%, #250F1D 50%, #26001E 100%);
}
</style>