#24B28F - #007D54 | 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 #24B28F a #007D54

#24B28F #007D54

Calcule el color entre dos colores, #24B28F y #007D54. 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)

#24B28F - #007D54 | 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 #24B28F como 0% y #007D54 como 100%.

0.0%	0.0% #24B28F	RGB 36 178 143	#24B28F
16.7%	16.7% #1EA985	RGB 30 169 133	#1EA985
33.3%	33.3% #18A07B	RGB 24 160 123	#18A07B
50.0%	50.0% #129771	RGB 18 151 113	#129771
66.7%	66.7% #0C8E67	RGB 12 142 103	#0C8E67
83.3%	83.3% #06855D	RGB 6 133 93	#06855D
100.0%	100.0% #007D54	RGB 0 125 84	#007D54

#24B28F #1EA985 #18A07B #129771 #0C8E67 #06855D #007D54

#24B28F - #007D54

Mezcla HSV

#24B28F - #007D54 | 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 #24B28F como 0% y #007D54 como 100%.

0.0%	0.0% #24B28E	RGB 36 178 142	#24B28E
16.7%	16.7% #1CA984	RGB 28 169 132	#1CA984
33.3%	33.3% #15A07A	RGB 21 160 122	#15A07A
50.0%	50.0% #0F9770	RGB 15 151 112	#0F9770
66.7%	66.7% #098E66	RGB 9 142 102	#098E66
83.3%	83.3% #04855D	RGB 4 133 93	#04855D
100.0%	100.0% #007D54	RGB 0 125 84	#007D54

#24B28E #1CA984 #15A07A #0F9770 #098E66 #04855D #007D54

#24B28F - #0F9770 - #007D54

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24B28E 0%, #0F9770 50%, #007D54 100%);
    background: -webkit-linear-gradient(top, #24B28E 0%, #0F9770 50%, #007D54 100%);
    background: linear-gradient(to bottom, #24B28E 0%, #0F9770 50%, #007D54 100%);
}
</style>