#8B2121 - #DD5E33 | 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 #8B2121 a #DD5E33

#8B2121 #DD5E33

Calcule el color entre dos colores, #8B2121 y #DD5E33. 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)

#8B2121 - #DD5E33 | 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 #8B2121 como 0% y #DD5E33 como 100%.

0.0%	0.0% #8B2121	RGB 139 33 33	#8B2121
16.7%	16.7% #982B24	RGB 152 43 36	#982B24
33.3%	33.3% #A63527	RGB 166 53 39	#A63527
50.0%	50.0% #B43F2A	RGB 180 63 42	#B43F2A
66.7%	66.7% #C1492D	RGB 193 73 45	#C1492D
83.3%	83.3% #CF5330	RGB 207 83 48	#CF5330
100.0%	100.0% #DD5E33	RGB 221 94 51	#DD5E33

#8B2121 #982B24 #A63527 #B43F2A #C1492D #CF5330 #DD5E33

#8B2121 - #DD5E33

Mezcla HSV

#8B2121 - #DD5E33 | 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 #8B2121 como 0% y #DD5E33 como 100%.

0.0%	0.0% #8B2121	RGB 139 33 33	#8B2121
16.7%	16.7% #982824	RGB 152 40 36	#982824
33.3%	33.3% #A63127	RGB 166 49 39	#A63127
50.0%	50.0% #B43B2A	RGB 180 59 42	#B43B2A
66.7%	66.7% #C1462D	RGB 193 70 45	#C1462D
83.3%	83.3% #CF5130	RGB 207 81 48	#CF5130
100.0%	100.0% #DD5E33	RGB 221 94 51	#DD5E33

#8B2121 #982824 #A63127 #B43B2A #C1462D #CF5130 #DD5E33

#8B2121 - #B43B2A - #DD5E33

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B2121 0%, #B43B2A 50%, #DD5E33 100%);
    background: -webkit-linear-gradient(top, #8B2121 0%, #B43B2A 50%, #DD5E33 100%);
    background: linear-gradient(to bottom, #8B2121 0%, #B43B2A 50%, #DD5E33 100%);
}
</style>