#005E41 - #5DB870 | 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 #005E41 a #5DB870

#005E41 #5DB870

Calcule el color entre dos colores, #005E41 y #5DB870. 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)

#005E41 - #5DB870 | 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 #005E41 como 0% y #5DB870 como 100%.

0.0%	0.0% #005E41	RGB 0 94 65	#005E41
16.7%	16.7% #0F6D48	RGB 15 109 72	#0F6D48
33.3%	33.3% #1F7C50	RGB 31 124 80	#1F7C50
50.0%	50.0% #2E8B58	RGB 46 139 88	#2E8B58
66.7%	66.7% #3E9A60	RGB 62 154 96	#3E9A60
83.3%	83.3% #4DA968	RGB 77 169 104	#4DA968
100.0%	100.0% #5DB870	RGB 93 184 112	#5DB870

#005E41 #0F6D48 #1F7C50 #2E8B58 #3E9A60 #4DA968 #5DB870

#005E41 - #5DB870

Mezcla HSV

#005E41 - #5DB870 | 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 #005E41 como 0% y #5DB870 como 100%.

0.0%	0.0% #005E41	RGB 0 94 65	#005E41
16.7%	16.7% #096D46	RGB 9 109 70	#096D46
33.3%	33.3% #147C4B	RGB 20 124 75	#147C4B
50.0%	50.0% #238B51	RGB 35 139 81	#238B51
66.7%	66.7% #339A59	RGB 51 154 89	#339A59
83.3%	83.3% #47A963	RGB 71 169 99	#47A963
100.0%	100.0% #5DB870	RGB 93 184 112	#5DB870

#005E41 #096D46 #147C4B #238B51 #339A59 #47A963 #5DB870

#005E41 - #238B51 - #5DB870

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005E41 0%, #238B51 50%, #5DB870 100%);
    background: -webkit-linear-gradient(top, #005E41 0%, #238B51 50%, #5DB870 100%);
    background: linear-gradient(to bottom, #005E41 0%, #238B51 50%, #5DB870 100%);
}
</style>