#2F2E2C - #8F7259 | 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 #2F2E2C a #8F7259

#2F2E2C #8F7259

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

#2F2E2C - #8F7259 | 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 #2F2E2C como 0% y #8F7259 como 100%.

0.0%	0.0% #2F2E2C	RGB 47 46 44	#2F2E2C
16.7%	16.7% #3F3933	RGB 63 57 51	#3F3933
33.3%	33.3% #4F443B	RGB 79 68 59	#4F443B
50.0%	50.0% #5F5042	RGB 95 80 66	#5F5042
66.7%	66.7% #6F5B4A	RGB 111 91 74	#6F5B4A
83.3%	83.3% #7F6651	RGB 127 102 81	#7F6651
100.0%	100.0% #8F7259	RGB 143 114 89	#8F7259

#2F2E2C #3F3933 #4F443B #5F5042 #6F5B4A #7F6651 #8F7259

#2F2E2C - #8F7259

Mezcla HSV

#2F2E2C - #8F7259 | 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 #2F2E2C como 0% y #8F7259 como 100%.

0.0%	0.0% #2F2E2C	RGB 47 46 44	#2F2E2C
16.7%	16.7% #3F3C37	RGB 63 60 55	#3F3C37
33.3%	33.3% #4F4941	RGB 79 73 65	#4F4941
50.0%	50.0% #5F554A	RGB 95 85 74	#5F554A
66.7%	66.7% #6F6050	RGB 111 96 80	#6F6050
83.3%	83.3% #7F6A55	RGB 127 106 85	#7F6A55
100.0%	100.0% #8F7259	RGB 143 114 89	#8F7259

#2F2E2C #3F3C37 #4F4941 #5F554A #6F6050 #7F6A55 #8F7259

#2F2E2C - #5F554A - #8F7259

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F2E2C 0%, #5F554A 50%, #8F7259 100%);
    background: -webkit-linear-gradient(top, #2F2E2C 0%, #5F554A 50%, #8F7259 100%);
    background: linear-gradient(to bottom, #2F2E2C 0%, #5F554A 50%, #8F7259 100%);
}
</style>