#1E5E2C - #5E9564 | 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 #1E5E2C a #5E9564

#1E5E2C #5E9564

Calcule el color entre dos colores, #1E5E2C y #5E9564. 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)

#1E5E2C - #5E9564 | 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 #1E5E2C como 0% y #5E9564 como 100%.

0.0%	0.0% #1E5E2C	RGB 30 94 44	#1E5E2C
16.7%	16.7% #286735	RGB 40 103 53	#286735
33.3%	33.3% #33703E	RGB 51 112 62	#33703E
50.0%	50.0% #3E7948	RGB 62 121 72	#3E7948
66.7%	66.7% #488251	RGB 72 130 81	#488251
83.3%	83.3% #538B5A	RGB 83 139 90	#538B5A
100.0%	100.0% #5E9564	RGB 94 149 100	#5E9564

#1E5E2C #286735 #33703E #3E7948 #488251 #538B5A #5E9564

#1E5E2C - #5E9564

Mezcla HSV

#1E5E2C - #5E9564 | 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 #1E5E2C como 0% y #5E9564 como 100%.

0.0%	0.0% #1E5E2B	RGB 30 94 43	#1E5E2B
16.7%	16.7% #266733	RGB 38 103 51	#266733
33.3%	33.3% #2F703B	RGB 47 112 59	#2F703B
50.0%	50.0% #397944	RGB 57 121 68	#397944
66.7%	66.7% #44824D	RGB 68 130 77	#44824D
83.3%	83.3% #508B58	RGB 80 139 88	#508B58
100.0%	100.0% #5E9564	RGB 94 149 100	#5E9564

#1E5E2B #266733 #2F703B #397944 #44824D #508B58 #5E9564

#1E5E2C - #397944 - #5E9564

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E2B 0%, #397944 50%, #5E9564 100%);
    background: -webkit-linear-gradient(top, #1E5E2B 0%, #397944 50%, #5E9564 100%);
    background: linear-gradient(to bottom, #1E5E2B 0%, #397944 50%, #5E9564 100%);
}
</style>