#004040 - #399071 | 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 #004040 a #399071

#004040 #399071

Calcule el color entre dos colores, #004040 y #399071. 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)

#004040 - #399071 | 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 #004040 como 0% y #399071 como 100%.

0.0%	0.0% #004040	RGB 0 64 64	#004040
16.7%	16.7% #094D48	RGB 9 77 72	#094D48
33.3%	33.3% #135A50	RGB 19 90 80	#135A50
50.0%	50.0% #1C6858	RGB 28 104 88	#1C6858
66.7%	66.7% #267560	RGB 38 117 96	#267560
83.3%	83.3% #2F8268	RGB 47 130 104	#2F8268
100.0%	100.0% #399071	RGB 57 144 113	#399071

#004040 #094D48 #135A50 #1C6858 #267560 #2F8268 #399071

#004040 - #399071

Mezcla HSV

#004040 - #399071 | 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 #004040 como 0% y #399071 como 100%.

0.0%	0.0% #004040	RGB 0 64 64	#004040
16.7%	16.7% #054D49	RGB 5 77 73	#054D49
33.3%	33.3% #0B5A51	RGB 11 90 81	#0B5A51
50.0%	50.0% #146859	RGB 20 104 89	#146859
66.7%	66.7% #1E7560	RGB 30 117 96	#1E7560
83.3%	83.3% #2B8268	RGB 43 130 104	#2B8268
100.0%	100.0% #399071	RGB 57 144 113	#399071

#004040 #054D49 #0B5A51 #146859 #1E7560 #2B8268 #399071

#004040 - #146859 - #399071

Códigos CSS

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

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