#240A0A - #5F3C39 | 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 #240A0A a #5F3C39

#240A0A #5F3C39

Calcule el color entre dos colores, #240A0A y #5F3C39. 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)

#240A0A - #5F3C39 | 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 #240A0A como 0% y #5F3C39 como 100%.

0.0%	0.0% #240A0A	RGB 36 10 10	#240A0A
16.7%	16.7% #2D1211	RGB 45 18 17	#2D1211
33.3%	33.3% #371A19	RGB 55 26 25	#371A19
50.0%	50.0% #412321	RGB 65 35 33	#412321
66.7%	66.7% #4B2B29	RGB 75 43 41	#4B2B29
83.3%	83.3% #553331	RGB 85 51 49	#553331
100.0%	100.0% #5F3C39	RGB 95 60 57	#5F3C39

#240A0A #2D1211 #371A19 #412321 #4B2B29 #553331 #5F3C39

#240A0A - #5F3C39

Mezcla HSV

#240A0A - #5F3C39 | 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 #240A0A como 0% y #5F3C39 como 100%.

0.0%	0.0% #240A0A	RGB 36 10 10	#240A0A
16.7%	16.7% #2D0F0F	RGB 45 15 15	#2D0F0F
33.3%	33.3% #371615	RGB 55 22 21	#371615
50.0%	50.0% #411E1C	RGB 65 30 28	#411E1C
66.7%	66.7% #4B2725	RGB 75 39 37	#4B2725
83.3%	83.3% #55312E	RGB 85 49 46	#55312E
100.0%	100.0% #5F3C39	RGB 95 60 57	#5F3C39

#240A0A #2D0F0F #371615 #411E1C #4B2725 #55312E #5F3C39

#240A0A - #411E1C - #5F3C39

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #240A0A 0%, #411E1C 50%, #5F3C39 100%);
    background: -webkit-linear-gradient(top, #240A0A 0%, #411E1C 50%, #5F3C39 100%);
    background: linear-gradient(to bottom, #240A0A 0%, #411E1C 50%, #5F3C39 100%);
}
</style>