#24504C - #6C9A70 | 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 #24504C a #6C9A70

#24504C #6C9A70

Calcule el color entre dos colores, #24504C y #6C9A70. 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)

#24504C - #6C9A70 | 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 #24504C como 0% y #6C9A70 como 100%.

0.0%	0.0% #24504C	RGB 36 80 76	#24504C
16.7%	16.7% #305C52	RGB 48 92 82	#305C52
33.3%	33.3% #3C6858	RGB 60 104 88	#3C6858
50.0%	50.0% #48755E	RGB 72 117 94	#48755E
66.7%	66.7% #548164	RGB 84 129 100	#548164
83.3%	83.3% #608D6A	RGB 96 141 106	#608D6A
100.0%	100.0% #6C9A70	RGB 108 154 112	#6C9A70

#24504C #305C52 #3C6858 #48755E #548164 #608D6A #6C9A70

#24504C - #6C9A70

Mezcla HSV

#24504C - #6C9A70 | 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 #24504C como 0% y #6C9A70 como 100%.

0.0%	0.0% #24504C	RGB 36 80 76	#24504C
16.7%	16.7% #2D5C51	RGB 45 92 81	#2D5C51
33.3%	33.3% #376856	RGB 55 104 86	#376856
50.0%	50.0% #43755C	RGB 67 117 92	#43755C
66.7%	66.7% #4F8161	RGB 79 129 97	#4F8161
83.3%	83.3% #5D8D68	RGB 93 141 104	#5D8D68
100.0%	100.0% #6C9A70	RGB 108 154 112	#6C9A70

#24504C #2D5C51 #376856 #43755C #4F8161 #5D8D68 #6C9A70

#24504C - #43755C - #6C9A70

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24504C 0%, #43755C 50%, #6C9A70 100%);
    background: -webkit-linear-gradient(top, #24504C 0%, #43755C 50%, #6C9A70 100%);
    background: linear-gradient(to bottom, #24504C 0%, #43755C 50%, #6C9A70 100%);
}
</style>