#401010 - #C8BABA | 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 #401010 a #C8BABA

#401010 #C8BABA

Calcule el color entre dos colores, #401010 y #C8BABA. 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)

#401010 - #C8BABA | 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 #401010 como 0% y #C8BABA como 100%.

0.0%	0.0% #401010	RGB 64 16 16	#401010
16.7%	16.7% #562C2C	RGB 86 44 44	#562C2C
33.3%	33.3% #6D4848	RGB 109 72 72	#6D4848
50.0%	50.0% #846565	RGB 132 101 101	#846565
66.7%	66.7% #9A8181	RGB 154 129 129	#9A8181
83.3%	83.3% #B19D9D	RGB 177 157 157	#B19D9D
100.0%	100.0% #C8BABA	RGB 200 186 186	#C8BABA

#401010 #562C2C #6D4848 #846565 #9A8181 #B19D9D #C8BABA

#401010 - #C8BABA

Mezcla HSV

#401010 - #C8BABA | 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 #401010 como 0% y #C8BABA como 100%.

0.0%	0.0% #401010	RGB 64 16 16	#401010
16.7%	16.7% #561F1F	RGB 86 31 31	#561F1F
33.3%	33.3% #6D3434	RGB 109 52 52	#6D3434
50.0%	50.0% #844D4D	RGB 132 77 77	#844D4D
66.7%	66.7% #9A6C6C	RGB 154 108 108	#9A6C6C
83.3%	83.3% #B19090	RGB 177 144 144	#B19090
100.0%	100.0% #C8BABA	RGB 200 186 186	#C8BABA

#401010 #561F1F #6D3434 #844D4D #9A6C6C #B19090 #C8BABA

#401010 - #844D4D - #C8BABA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #401010 0%, #844D4D 50%, #C8BABA 100%);
    background: -webkit-linear-gradient(top, #401010 0%, #844D4D 50%, #C8BABA 100%);
    background: linear-gradient(to bottom, #401010 0%, #844D4D 50%, #C8BABA 100%);
}
</style>