#245031 - #C0CDC4 | 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 #245031 a #C0CDC4

#245031 #C0CDC4

Calcule el color entre dos colores, #245031 y #C0CDC4. 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)

#245031 - #C0CDC4 | 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 #245031 como 0% y #C0CDC4 como 100%.

0.0%	0.0% #245031	RGB 36 80 49	#245031
16.7%	16.7% #3E6449	RGB 62 100 73	#3E6449
33.3%	33.3% #587962	RGB 88 121 98	#587962
50.0%	50.0% #728E7A	RGB 114 142 122	#728E7A
66.7%	66.7% #8CA393	RGB 140 163 147	#8CA393
83.3%	83.3% #A6B8AB	RGB 166 184 171	#A6B8AB
100.0%	100.0% #C0CDC4	RGB 192 205 196	#C0CDC4

#245031 #3E6449 #587962 #728E7A #8CA393 #A6B8AB #C0CDC4

#245031 - #C0CDC4

Mezcla HSV

#245031 - #C0CDC4 | 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 #245031 como 0% y #C0CDC4 como 100%.

0.0%	0.0% #245031	RGB 36 80 49	#245031
16.7%	16.7% #356443	RGB 53 100 67	#356443
33.3%	33.3% #4A7958	RGB 74 121 88	#4A7958
50.0%	50.0% #628E6F	RGB 98 142 111	#628E6F
66.7%	66.7% #7EA389	RGB 126 163 137	#7EA389
83.3%	83.3% #9DB8A5	RGB 157 184 165	#9DB8A5
100.0%	100.0% #C0CDC4	RGB 192 205 196	#C0CDC4

#245031 #356443 #4A7958 #628E6F #7EA389 #9DB8A5 #C0CDC4

#245031 - #628E6F - #C0CDC4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #245031 0%, #628E6F 50%, #C0CDC4 100%);
    background: -webkit-linear-gradient(top, #245031 0%, #628E6F 50%, #C0CDC4 100%);
    background: linear-gradient(to bottom, #245031 0%, #628E6F 50%, #C0CDC4 100%);
}
</style>