#24502E - #C0CDC3 | 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 #24502E a #C0CDC3

#24502E #C0CDC3

Calcule el color entre dos colores, #24502E y #C0CDC3. 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)

#24502E - #C0CDC3 | 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 #24502E como 0% y #C0CDC3 como 100%.

0.0%	0.0% #24502E	RGB 36 80 46	#24502E
16.7%	16.7% #3E6446	RGB 62 100 70	#3E6446
33.3%	33.3% #58795F	RGB 88 121 95	#58795F
50.0%	50.0% #728E78	RGB 114 142 120	#728E78
66.7%	66.7% #8CA391	RGB 140 163 145	#8CA391
83.3%	83.3% #A6B8AA	RGB 166 184 170	#A6B8AA
100.0%	100.0% #C0CDC3	RGB 192 205 195	#C0CDC3

#24502E #3E6446 #58795F #728E78 #8CA391 #A6B8AA #C0CDC3

#24502E - #C0CDC3

Mezcla HSV

#24502E - #C0CDC3 | 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 #24502E como 0% y #C0CDC3 como 100%.

0.0%	0.0% #24502E	RGB 36 80 46	#24502E
16.7%	16.7% #356440	RGB 53 100 64	#356440
33.3%	33.3% #4A7955	RGB 74 121 85	#4A7955
50.0%	50.0% #628E6C	RGB 98 142 108	#628E6C
66.7%	66.7% #7EA386	RGB 126 163 134	#7EA386
83.3%	83.3% #9DB8A3	RGB 157 184 163	#9DB8A3
100.0%	100.0% #C0CDC3	RGB 192 205 195	#C0CDC3

#24502E #356440 #4A7955 #628E6C #7EA386 #9DB8A3 #C0CDC3

#24502E - #628E6C - #C0CDC3

Códigos CSS

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

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