#B7A4A2 - #342E2E | 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 #B7A4A2 a #342E2E

#B7A4A2 #342E2E

Calcule el color entre dos colores, #B7A4A2 y #342E2E. 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)

#B7A4A2 - #342E2E | 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 #B7A4A2 como 0% y #342E2E como 100%.

0.0%	0.0% #B7A4A2	RGB 183 164 162	#B7A4A2
16.7%	16.7% #A1908E	RGB 161 144 142	#A1908E
33.3%	33.3% #8B7C7B	RGB 139 124 123	#8B7C7B
50.0%	50.0% #756968	RGB 117 105 104	#756968
66.7%	66.7% #5F5554	RGB 95 85 84	#5F5554
83.3%	83.3% #494141	RGB 73 65 65	#494141
100.0%	100.0% #342E2E	RGB 52 46 46	#342E2E

#B7A4A2 #A1908E #8B7C7B #756968 #5F5554 #494141 #342E2E

#B7A4A2 - #342E2E

Mezcla HSV

#B7A4A2 - #342E2E | 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 #B7A4A2 como 0% y #342E2E como 100%.

0.0%	0.0% #B7A4A2	RGB 183 164 162	#B7A4A2
16.7%	16.7% #A1908E	RGB 161 144 142	#A1908E
33.3%	33.3% #8B7C7B	RGB 139 124 123	#8B7C7B
50.0%	50.0% #756867	RGB 117 104 103	#756867
66.7%	66.7% #5F5454	RGB 95 84 84	#5F5454
83.3%	83.3% #494141	RGB 73 65 65	#494141
100.0%	100.0% #342E2E	RGB 52 46 46	#342E2E

#B7A4A2 #A1908E #8B7C7B #756867 #5F5454 #494141 #342E2E

#B7A4A2 - #756867 - #342E2E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7A4A2 0%, #756867 50%, #342E2E 100%);
    background: -webkit-linear-gradient(top, #B7A4A2 0%, #756867 50%, #342E2E 100%);
    background: linear-gradient(to bottom, #B7A4A2 0%, #756867 50%, #342E2E 100%);
}
</style>