#391A1C - #C6BDBE | 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 #391A1C a #C6BDBE

#391A1C #C6BDBE

Calcule el color entre dos colores, #391A1C y #C6BDBE. 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)

#391A1C - #C6BDBE | 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 #391A1C como 0% y #C6BDBE como 100%.

0.0%	0.0% #391A1C	RGB 57 26 28	#391A1C
16.7%	16.7% #503537	RGB 80 53 55	#503537
33.3%	33.3% #685052	RGB 104 80 82	#685052
50.0%	50.0% #7F6B6D	RGB 127 107 109	#7F6B6D
66.7%	66.7% #978688	RGB 151 134 136	#978688
83.3%	83.3% #AEA1A3	RGB 174 161 163	#AEA1A3
100.0%	100.0% #C6BDBE	RGB 198 189 190	#C6BDBE

#391A1C #503537 #685052 #7F6B6D #978688 #AEA1A3 #C6BDBE

#391A1C - #C6BDBE

Mezcla HSV

#391A1C - #C6BDBE | 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 #391A1C como 0% y #C6BDBE como 100%.

0.0%	0.0% #391A1C	RGB 57 26 28	#391A1C
16.7%	16.7% #502B2E	RGB 80 43 46	#502B2E
33.3%	33.3% #684043	RGB 104 64 67	#684043
50.0%	50.0% #7F595D	RGB 127 89 93	#7F595D
66.7%	66.7% #97777A	RGB 151 119 122	#97777A
83.3%	83.3% #AE989A	RGB 174 152 154	#AE989A
100.0%	100.0% #C6BDBE	RGB 198 189 190	#C6BDBE

#391A1C #502B2E #684043 #7F595D #97777A #AE989A #C6BDBE

#391A1C - #7F595D - #C6BDBE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391A1C 0%, #7F595D 50%, #C6BDBE 100%);
    background: -webkit-linear-gradient(top, #391A1C 0%, #7F595D 50%, #C6BDBE 100%);
    background: linear-gradient(to bottom, #391A1C 0%, #7F595D 50%, #C6BDBE 100%);
}
</style>