#800000 - #2F0E0D | 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 #800000 a #2F0E0D

#800000 #2F0E0D

Calcule el color entre dos colores, #800000 y #2F0E0D. 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)

#800000 - #2F0E0D | 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 #800000 como 0% y #2F0E0D como 100%.

0.0%	0.0% #800000	RGB 128 0 0	#800000
16.7%	16.7% #720202	RGB 114 2 2	#720202
33.3%	33.3% #650404	RGB 101 4 4	#650404
50.0%	50.0% #570706	RGB 87 7 6	#570706
66.7%	66.7% #4A0908	RGB 74 9 8	#4A0908
83.3%	83.3% #3C0B0A	RGB 60 11 10	#3C0B0A
100.0%	100.0% #2F0E0D	RGB 47 14 13	#2F0E0D

#800000 #720202 #650404 #570706 #4A0908 #3C0B0A #2F0E0D

#800000 - #2F0E0D

Mezcla HSV

#800000 - #2F0E0D | 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 #800000 como 0% y #2F0E0D como 100%.

0.0%	0.0% #800000	RGB 128 0 0	#800000
16.7%	16.7% #720505	RGB 114 5 5	#720505
33.3%	33.3% #650A09	RGB 101 10 9	#650A09
50.0%	50.0% #570D0C	RGB 87 13 12	#570D0C
66.7%	66.7% #4A0E0D	RGB 74 14 13	#4A0E0D
83.3%	83.3% #3C0F0D	RGB 60 15 13	#3C0F0D
100.0%	100.0% #2F0E0D	RGB 47 14 13	#2F0E0D

#800000 #720505 #650A09 #570D0C #4A0E0D #3C0F0D #2F0E0D

#800000 - #570D0C - #2F0E0D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #800000 0%, #570D0C 50%, #2F0E0D 100%);
    background: -webkit-linear-gradient(top, #800000 0%, #570D0C 50%, #2F0E0D 100%);
    background: linear-gradient(to bottom, #800000 0%, #570D0C 50%, #2F0E0D 100%);
}
</style>