#35501D - #C5CDBE | 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 #35501D a #C5CDBE

#35501D #C5CDBE

Calcule el color entre dos colores, #35501D y #C5CDBE. 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)

#35501D - #C5CDBE | 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 #35501D como 0% y #C5CDBE como 100%.

0.0%	0.0% #35501D	RGB 53 80 29	#35501D
16.7%	16.7% #4D6437	RGB 77 100 55	#4D6437
33.3%	33.3% #657952	RGB 101 121 82	#657952
50.0%	50.0% #7D8E6D	RGB 125 142 109	#7D8E6D
66.7%	66.7% #95A388	RGB 149 163 136	#95A388
83.3%	83.3% #ADB8A3	RGB 173 184 163	#ADB8A3
100.0%	100.0% #C5CDBE	RGB 197 205 190	#C5CDBE

#35501D #4D6437 #657952 #7D8E6D #95A388 #ADB8A3 #C5CDBE

#35501D - #C5CDBE

Mezcla HSV

#35501D - #C5CDBE | 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 #35501D como 0% y #C5CDBE como 100%.

0.0%	0.0% #35501D	RGB 53 80 29	#35501D
16.7%	16.7% #47642E	RGB 71 100 46	#47642E
33.3%	33.3% #5C7942	RGB 92 121 66	#5C7942
50.0%	50.0% #738E5B	RGB 115 142 91	#738E5B
66.7%	66.7% #8CA378	RGB 140 163 120	#8CA378
83.3%	83.3% #A7B899	RGB 167 184 153	#A7B899
100.0%	100.0% #C5CDBE	RGB 197 205 190	#C5CDBE

#35501D #47642E #5C7942 #738E5B #8CA378 #A7B899 #C5CDBE

#35501D - #738E5B - #C5CDBE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35501D 0%, #738E5B 50%, #C5CDBE 100%);
    background: -webkit-linear-gradient(top, #35501D 0%, #738E5B 50%, #C5CDBE 100%);
    background: linear-gradient(to bottom, #35501D 0%, #738E5B 50%, #C5CDBE 100%);
}
</style>