#3C322D - #C7C4C3 | 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 #3C322D a #C7C4C3

#3C322D #C7C4C3

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

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

0.0%	0.0% #3C322D	RGB 60 50 45	#3C322D
16.7%	16.7% #534A46	RGB 83 74 70	#534A46
33.3%	33.3% #6A625F	RGB 106 98 95	#6A625F
50.0%	50.0% #817B78	RGB 129 123 120	#817B78
66.7%	66.7% #989391	RGB 152 147 145	#989391
83.3%	83.3% #AFABAA	RGB 175 171 170	#AFABAA
100.0%	100.0% #C7C4C3	RGB 199 196 195	#C7C4C3

#3C322D #534A46 #6A625F #817B78 #989391 #AFABAA #C7C4C3

#3C322D - #C7C4C3

Mezcla HSV

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

0.0%	0.0% #3C322D	RGB 60 50 45	#3C322D
16.7%	16.7% #534741	RGB 83 71 65	#534741
33.3%	33.3% #6A5D57	RGB 106 93 87	#6A5D57
50.0%	50.0% #817570	RGB 129 117 112	#817570
66.7%	66.7% #988E89	RGB 152 142 137	#988E89
83.3%	83.3% #AFA8A5	RGB 175 168 165	#AFA8A5
100.0%	100.0% #C7C4C3	RGB 199 196 195	#C7C4C3

#3C322D #534741 #6A5D57 #817570 #988E89 #AFA8A5 #C7C4C3

#3C322D - #817570 - #C7C4C3

Códigos CSS

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

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