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

#245034 #C0CDC4

Calcule el color entre dos colores, #245034 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)

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

0.0%	0.0% #245034	RGB 36 80 52	#245034
16.7%	16.7% #3E644C	RGB 62 100 76	#3E644C
33.3%	33.3% #587964	RGB 88 121 100	#587964
50.0%	50.0% #728E7C	RGB 114 142 124	#728E7C
66.7%	66.7% #8CA394	RGB 140 163 148	#8CA394
83.3%	83.3% #A6B8AC	RGB 166 184 172	#A6B8AC
100.0%	100.0% #C0CDC4	RGB 192 205 196	#C0CDC4

#245034 #3E644C #587964 #728E7C #8CA394 #A6B8AC #C0CDC4

#245034 - #C0CDC4

Mezcla HSV

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

0.0%	0.0% #245034	RGB 36 80 52	#245034
16.7%	16.7% #356446	RGB 53 100 70	#356446
33.3%	33.3% #4A795A	RGB 74 121 90	#4A795A
50.0%	50.0% #628E71	RGB 98 142 113	#628E71
66.7%	66.7% #7EA38A	RGB 126 163 138	#7EA38A
83.3%	83.3% #9DB8A5	RGB 157 184 165	#9DB8A5
100.0%	100.0% #C0CDC4	RGB 192 205 196	#C0CDC4

#245034 #356446 #4A795A #628E71 #7EA38A #9DB8A5 #C0CDC4

#245034 - #628E71 - #C0CDC4

Códigos CSS

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

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