#391D2D - #C6BEC2 | 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 #391D2D a #C6BEC2

#391D2D #C6BEC2

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

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

0.0%	0.0% #391D2D	RGB 57 29 45	#391D2D
16.7%	16.7% #503745	RGB 80 55 69	#503745
33.3%	33.3% #68525E	RGB 104 82 94	#68525E
50.0%	50.0% #7F6D77	RGB 127 109 119	#7F6D77
66.7%	66.7% #978890	RGB 151 136 144	#978890
83.3%	83.3% #AEA3A9	RGB 174 163 169	#AEA3A9
100.0%	100.0% #C6BEC2	RGB 198 190 194	#C6BEC2

#391D2D #503745 #68525E #7F6D77 #978890 #AEA3A9 #C6BEC2

#391D2D - #C6BEC2

Mezcla HSV

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

0.0%	0.0% #391D2D	RGB 57 29 45	#391D2D
16.7%	16.7% #502F41	RGB 80 47 65	#502F41
33.3%	33.3% #684457	RGB 104 68 87	#684457
50.0%	50.0% #7F5D6F	RGB 127 93 111	#7F5D6F
66.7%	66.7% #977A89	RGB 151 122 137	#977A89
83.3%	83.3% #AE9AA4	RGB 174 154 164	#AE9AA4
100.0%	100.0% #C6BEC2	RGB 198 190 194	#C6BEC2

#391D2D #502F41 #684457 #7F5D6F #977A89 #AE9AA4 #C6BEC2

#391D2D - #7F5D6F - #C6BEC2

Códigos CSS

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

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