#C0D0A8 - #363B30 | 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 #C0D0A8 a #363B30

#C0D0A8 #363B30

Calcule el color entre dos colores, #C0D0A8 y #363B30. 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)

#C0D0A8 - #363B30 | 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 #C0D0A8 como 0% y #363B30 como 100%.

0.0%	0.0% #C0D0A8	RGB 192 208 168	#C0D0A8
16.7%	16.7% #A9B794	RGB 169 183 148	#A9B794
33.3%	33.3% #929E80	RGB 146 158 128	#929E80
50.0%	50.0% #7B856C	RGB 123 133 108	#7B856C
66.7%	66.7% #646C58	RGB 100 108 88	#646C58
83.3%	83.3% #4D5344	RGB 77 83 68	#4D5344
100.0%	100.0% #363B30	RGB 54 59 48	#363B30

#C0D0A8 #A9B794 #929E80 #7B856C #646C58 #4D5344 #363B30

#C0D0A8 - #363B30

Mezcla HSV

#C0D0A8 - #363B30 | 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 #C0D0A8 como 0% y #363B30 como 100%.

0.0%	0.0% #C0D0A8	RGB 192 208 168	#C0D0A8
16.7%	16.7% #A8B794	RGB 168 183 148	#A8B794
33.3%	33.3% #919E80	RGB 145 158 128	#919E80
50.0%	50.0% #7A856C	RGB 122 133 108	#7A856C
66.7%	66.7% #636C58	RGB 99 108 88	#636C58
83.3%	83.3% #4C5344	RGB 76 83 68	#4C5344
100.0%	100.0% #363B30	RGB 54 59 48	#363B30

#C0D0A8 #A8B794 #919E80 #7A856C #636C58 #4C5344 #363B30

#C0D0A8 - #7A856C - #363B30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D0A8 0%, #7A856C 50%, #363B30 100%);
    background: -webkit-linear-gradient(top, #C0D0A8 0%, #7A856C 50%, #363B30 100%);
    background: linear-gradient(to bottom, #C0D0A8 0%, #7A856C 50%, #363B30 100%);
}
</style>