#30312C - #C3C4C2 | 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 #30312C a #C3C4C2

#30312C #C3C4C2

Calcule el color entre dos colores, #30312C y #C3C4C2. 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)

#30312C - #C3C4C2 | 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 #30312C como 0% y #C3C4C2 como 100%.

0.0%	0.0% #30312C	RGB 48 49 44	#30312C
16.7%	16.7% #484945	RGB 72 73 69	#484945
33.3%	33.3% #61625E	RGB 97 98 94	#61625E
50.0%	50.0% #797A77	RGB 121 122 119	#797A77
66.7%	66.7% #929390	RGB 146 147 144	#929390
83.3%	83.3% #AAABA9	RGB 170 171 169	#AAABA9
100.0%	100.0% #C3C4C2	RGB 195 196 194	#C3C4C2

#30312C #484945 #61625E #797A77 #929390 #AAABA9 #C3C4C2

#30312C - #C3C4C2

Mezcla HSV

#30312C - #C3C4C2 | 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 #30312C como 0% y #C3C4C2 como 100%.

0.0%	0.0% #30312C	RGB 48 49 44	#30312C
16.7%	16.7% #474943	RGB 71 73 67	#474943
33.3%	33.3% #5F625B	RGB 95 98 91	#5F625B
50.0%	50.0% #787A73	RGB 120 122 115	#787A73
66.7%	66.7% #90938D	RGB 144 147 141	#90938D
83.3%	83.3% #A9ABA7	RGB 169 171 167	#A9ABA7
100.0%	100.0% #C3C4C2	RGB 195 196 194	#C3C4C2

#30312C #474943 #5F625B #787A73 #90938D #A9ABA7 #C3C4C2

#30312C - #787A73 - #C3C4C2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30312C 0%, #787A73 50%, #C3C4C2 100%);
    background: -webkit-linear-gradient(top, #30312C 0%, #787A73 50%, #C3C4C2 100%);
    background: linear-gradient(to bottom, #30312C 0%, #787A73 50%, #C3C4C2 100%);
}
</style>