#004019 - #39903C | 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 #004019 a #39903C

#004019 #39903C

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

#004019 - #39903C | 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 #004019 como 0% y #39903C como 100%.

0.0%	0.0% #004019	RGB 0 64 25	#004019
16.7%	16.7% #094D1E	RGB 9 77 30	#094D1E
33.3%	33.3% #135A24	RGB 19 90 36	#135A24
50.0%	50.0% #1C682A	RGB 28 104 42	#1C682A
66.7%	66.7% #267530	RGB 38 117 48	#267530
83.3%	83.3% #2F8236	RGB 47 130 54	#2F8236
100.0%	100.0% #39903C	RGB 57 144 60	#39903C

#004019 #094D1E #135A24 #1C682A #267530 #2F8236 #39903C

#004019 - #39903C

Mezcla HSV

#004019 - #39903C | 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 #004019 como 0% y #39903C como 100%.

0.0%	0.0% #004019	RGB 0 64 25	#004019
16.7%	16.7% #054D1D	RGB 5 77 29	#054D1D
33.3%	33.3% #0B5A21	RGB 11 90 33	#0B5A21
50.0%	50.0% #146826	RGB 20 104 38	#146826
66.7%	66.7% #1E752C	RGB 30 117 44	#1E752C
83.3%	83.3% #2B8233	RGB 43 130 51	#2B8233
100.0%	100.0% #39903C	RGB 57 144 60	#39903C

#004019 #054D1D #0B5A21 #146826 #1E752C #2B8233 #39903C

#004019 - #146826 - #39903C

Códigos CSS

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

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