#2D3910 - #C3C6BA | 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 #2D3910 a #C3C6BA

#2D3910 #C3C6BA

Calcule el color entre dos colores, #2D3910 y #C3C6BA. 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)

#2D3910 - #C3C6BA | 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 #2D3910 como 0% y #C3C6BA como 100%.

0.0%	0.0% #2D3910	RGB 45 57 16	#2D3910
16.7%	16.7% #46502C	RGB 70 80 44	#46502C
33.3%	33.3% #5F6848	RGB 95 104 72	#5F6848
50.0%	50.0% #787F65	RGB 120 127 101	#787F65
66.7%	66.7% #919781	RGB 145 151 129	#919781
83.3%	83.3% #AAAE9D	RGB 170 174 157	#AAAE9D
100.0%	100.0% #C3C6BA	RGB 195 198 186	#C3C6BA

#2D3910 #46502C #5F6848 #787F65 #919781 #AAAE9D #C3C6BA

#2D3910 - #C3C6BA

Mezcla HSV

#2D3910 - #C3C6BA | 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 #2D3910 como 0% y #C3C6BA como 100%.

0.0%	0.0% #2D3910	RGB 45 57 16	#2D3910
16.7%	16.7% #42501F	RGB 66 80 31	#42501F
33.3%	33.3% #596834	RGB 89 104 52	#596834
50.0%	50.0% #727F4D	RGB 114 127 77	#727F4D
66.7%	66.7% #8B976C	RGB 139 151 108	#8B976C
83.3%	83.3% #A6AE90	RGB 166 174 144	#A6AE90
100.0%	100.0% #C3C6BA	RGB 195 198 186	#C3C6BA

#2D3910 #42501F #596834 #727F4D #8B976C #A6AE90 #C3C6BA

#2D3910 - #727F4D - #C3C6BA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3910 0%, #727F4D 50%, #C3C6BA 100%);
    background: -webkit-linear-gradient(top, #2D3910 0%, #727F4D 50%, #C3C6BA 100%);
    background: linear-gradient(to bottom, #2D3910 0%, #727F4D 50%, #C3C6BA 100%);
}
</style>