#960000 - #38100E | 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 #960000 a #38100E

#960000 #38100E

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

#960000 - #38100E | 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 #960000 como 0% y #38100E como 100%.

0.0%	0.0% #960000	RGB 150 0 0	#960000
16.7%	16.7% #860202	RGB 134 2 2	#860202
33.3%	33.3% #760504	RGB 118 5 4	#760504
50.0%	50.0% #670807	RGB 103 8 7	#670807
66.7%	66.7% #570A09	RGB 87 10 9	#570A09
83.3%	83.3% #470D0B	RGB 71 13 11	#470D0B
100.0%	100.0% #38100E	RGB 56 16 14	#38100E

#960000 #860202 #760504 #670807 #570A09 #470D0B #38100E

#960000 - #38100E

Mezcla HSV

#960000 - #38100E | 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 #960000 como 0% y #38100E como 100%.

0.0%	0.0% #960000	RGB 150 0 0	#960000
16.7%	16.7% #860605	RGB 134 6 5	#860605
33.3%	33.3% #760B09	RGB 118 11 9	#760B09
50.0%	50.0% #670F0C	RGB 103 15 12	#670F0C
66.7%	66.7% #57100E	RGB 87 16 14	#57100E
83.3%	83.3% #47110E	RGB 71 17 14	#47110E
100.0%	100.0% #38100E	RGB 56 16 14	#38100E

#960000 #860605 #760B09 #670F0C #57100E #47110E #38100E

#960000 - #670F0C - #38100E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #960000 0%, #670F0C 50%, #38100E 100%);
    background: -webkit-linear-gradient(top, #960000 0%, #670F0C 50%, #38100E 100%);
    background: linear-gradient(to bottom, #960000 0%, #670F0C 50%, #38100E 100%);
}
</style>