#245036 - #C0CDC6 | 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 #245036 a #C0CDC6

#245036 #C0CDC6

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

#245036 - #C0CDC6 | 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 #245036 como 0% y #C0CDC6 como 100%.

0.0%	0.0% #245036	RGB 36 80 54	#245036
16.7%	16.7% #3E644E	RGB 62 100 78	#3E644E
33.3%	33.3% #587966	RGB 88 121 102	#587966
50.0%	50.0% #728E7E	RGB 114 142 126	#728E7E
66.7%	66.7% #8CA396	RGB 140 163 150	#8CA396
83.3%	83.3% #A6B8AE	RGB 166 184 174	#A6B8AE
100.0%	100.0% #C0CDC6	RGB 192 205 198	#C0CDC6

#245036 #3E644E #587966 #728E7E #8CA396 #A6B8AE #C0CDC6

#245036 - #C0CDC6

Mezcla HSV

#245036 - #C0CDC6 | 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 #245036 como 0% y #C0CDC6 como 100%.

0.0%	0.0% #245036	RGB 36 80 54	#245036
16.7%	16.7% #356449	RGB 53 100 73	#356449
33.3%	33.3% #4A795E	RGB 74 121 94	#4A795E
50.0%	50.0% #628E75	RGB 98 142 117	#628E75
66.7%	66.7% #7EA38E	RGB 126 163 142	#7EA38E
83.3%	83.3% #9DB8A9	RGB 157 184 169	#9DB8A9
100.0%	100.0% #C0CDC6	RGB 192 205 198	#C0CDC6

#245036 #356449 #4A795E #628E75 #7EA38E #9DB8A9 #C0CDC6

#245036 - #628E75 - #C0CDC6

Códigos CSS

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

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