#393D23 - #C6C7C0 | 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 #393D23 a #C6C7C0

#393D23 #C6C7C0

Calcule el color entre dos colores, #393D23 y #C6C7C0. 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)

#393D23 - #C6C7C0 | 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 #393D23 como 0% y #C6C7C0 como 100%.

0.0%	0.0% #393D23	RGB 57 61 35	#393D23
16.7%	16.7% #50543D	RGB 80 84 61	#50543D
33.3%	33.3% #686B57	RGB 104 107 87	#686B57
50.0%	50.0% #7F8271	RGB 127 130 113	#7F8271
66.7%	66.7% #97998B	RGB 151 153 139	#97998B
83.3%	83.3% #AEB0A5	RGB 174 176 165	#AEB0A5
100.0%	100.0% #C6C7C0	RGB 198 199 192	#C6C7C0

#393D23 #50543D #686B57 #7F8271 #97998B #AEB0A5 #C6C7C0

#393D23 - #C6C7C0

Mezcla HSV

#393D23 - #C6C7C0 | 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 #393D23 como 0% y #C6C7C0 como 100%.

0.0%	0.0% #393D23	RGB 57 61 35	#393D23
16.7%	16.7% #4F5435	RGB 79 84 53	#4F5435
33.3%	33.3% #666B4B	RGB 102 107 75	#666B4B
50.0%	50.0% #7D8264	RGB 125 130 100	#7D8264
66.7%	66.7% #95997F	RGB 149 153 127	#95997F
83.3%	83.3% #ADB09E	RGB 173 176 158	#ADB09E
100.0%	100.0% #C6C7C0	RGB 198 199 192	#C6C7C0

#393D23 #4F5435 #666B4B #7D8264 #95997F #ADB09E #C6C7C0

#393D23 - #7D8264 - #C6C7C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393D23 0%, #7D8264 50%, #C6C7C0 100%);
    background: -webkit-linear-gradient(top, #393D23 0%, #7D8264 50%, #C6C7C0 100%);
    background: linear-gradient(to bottom, #393D23 0%, #7D8264 50%, #C6C7C0 100%);
}
</style>