#2D2929 - #8D6F60 | 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 #2D2929 a #8D6F60

#2D2929 #8D6F60

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

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

0.0%	0.0% #2D2929	RGB 45 41 41	#2D2929
16.7%	16.7% #3D3432	RGB 61 52 50	#3D3432
33.3%	33.3% #4D403B	RGB 77 64 59	#4D403B
50.0%	50.0% #5D4C44	RGB 93 76 68	#5D4C44
66.7%	66.7% #6D574D	RGB 109 87 77	#6D574D
83.3%	83.3% #7D6356	RGB 125 99 86	#7D6356
100.0%	100.0% #8D6F60	RGB 141 111 96	#8D6F60

#2D2929 #3D3432 #4D403B #5D4C44 #6D574D #7D6356 #8D6F60

#2D2929 - #8D6F60

Mezcla HSV

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

0.0%	0.0% #2D2929	RGB 45 41 41	#2D2929
16.7%	16.7% #3D3535	RGB 61 53 53	#3D3535
33.3%	33.3% #4D4140	RGB 77 65 64	#4D4140
50.0%	50.0% #5D4D4A	RGB 93 77 74	#5D4D4A
66.7%	66.7% #6D5852	RGB 109 88 82	#6D5852
83.3%	83.3% #7D6359	RGB 125 99 89	#7D6359
100.0%	100.0% #8D6F60	RGB 141 111 96	#8D6F60

#2D2929 #3D3535 #4D4140 #5D4D4A #6D5852 #7D6359 #8D6F60

#2D2929 - #5D4D4A - #8D6F60

Códigos CSS

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

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