#311C3E - #8C6D5E | 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 #311C3E a #8C6D5E

#311C3E #8C6D5E

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

#311C3E - #8C6D5E | 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 #311C3E como 0% y #8C6D5E como 100%.

0.0%	0.0% #311C3E	RGB 49 28 62	#311C3E
16.7%	16.7% #402943	RGB 64 41 67	#402943
33.3%	33.3% #4F3748	RGB 79 55 72	#4F3748
50.0%	50.0% #5E444E	RGB 94 68 78	#5E444E
66.7%	66.7% #6D5253	RGB 109 82 83	#6D5253
83.3%	83.3% #7C5F58	RGB 124 95 88	#7C5F58
100.0%	100.0% #8C6D5E	RGB 140 109 94	#8C6D5E

#311C3E #402943 #4F3748 #5E444E #6D5253 #7C5F58 #8C6D5E

#311C3E - #8C6D5E

Mezcla HSV

#311C3E - #8C6D5E | 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 #311C3E como 0% y #8C6D5E como 100%.

0.0%	0.0% #311C3E	RGB 49 28 62	#311C3E
16.7%	16.7% #47244B	RGB 71 36 75	#47244B
33.3%	33.3% #582E50	RGB 88 46 80	#582E50
50.0%	50.0% #653850	RGB 101 56 80	#653850
66.7%	66.7% #72444F	RGB 114 68 79	#72444F
83.3%	83.3% #7F5250	RGB 127 82 80	#7F5250
100.0%	100.0% #8C6D5E	RGB 140 109 94	#8C6D5E

#311C3E #47244B #582E50 #653850 #72444F #7F5250 #8C6D5E

#311C3E - #653850 - #8C6D5E

Códigos CSS

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

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