#160906 - #3D5537 | 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 #160906 a #3D5537

#160906 #3D5537

Calcule el color entre dos colores, #160906 y #3D5537. 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)

#160906 - #3D5537 | 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 #160906 como 0% y #3D5537 como 100%.

0.0%	0.0% #160906	RGB 22 9 6	#160906
16.7%	16.7% #1C150E	RGB 28 21 14	#1C150E
33.3%	33.3% #232216	RGB 35 34 22	#232216
50.0%	50.0% #292F1E	RGB 41 47 30	#292F1E
66.7%	66.7% #303B26	RGB 48 59 38	#303B26
83.3%	83.3% #36482E	RGB 54 72 46	#36482E
100.0%	100.0% #3D5537	RGB 61 85 55	#3D5537

#160906 #1C150E #232216 #292F1E #303B26 #36482E #3D5537

#160906 - #3D5537

Mezcla HSV

#160906 - #3D5537 | 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 #160906 como 0% y #3D5537 como 100%.

0.0%	0.0% #160906	RGB 22 9 6	#160906
16.7%	16.7% #20140A	RGB 32 20 10	#20140A
33.3%	33.3% #2B2311	RGB 43 35 17	#2B2311
50.0%	50.0% #353518	RGB 53 53 24	#353518
66.7%	66.7% #374021	RGB 55 64 33	#374021
83.3%	83.3% #3A4A2B	RGB 58 74 43	#3A4A2B
100.0%	100.0% #3D5537	RGB 61 85 55	#3D5537

#160906 #20140A #2B2311 #353518 #374021 #3A4A2B #3D5537

#160906 - #353518 - #3D5537

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160906 0%, #353518 50%, #3D5537 100%);
    background: -webkit-linear-gradient(top, #160906 0%, #353518 50%, #3D5537 100%);
    background: linear-gradient(to bottom, #160906 0%, #353518 50%, #3D5537 100%);
}
</style>