#007568 - #00211D | 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 #007568 a #00211D

#007568 #00211D

Calcule el color entre dos colores, #007568 y #00211D. 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)

#007568 - #00211D | 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 #007568 como 0% y #00211D como 100%.

0.0%	0.0% #007568	RGB 0 117 104	#007568
16.7%	16.7% #00675B	RGB 0 103 91	#00675B
33.3%	33.3% #00594F	RGB 0 89 79	#00594F
50.0%	50.0% #004B42	RGB 0 75 66	#004B42
66.7%	66.7% #003D36	RGB 0 61 54	#003D36
83.3%	83.3% #002F29	RGB 0 47 41	#002F29
100.0%	100.0% #00211D	RGB 0 33 29	#00211D

#007568 #00675B #00594F #004B42 #003D36 #002F29 #00211D

#007568 - #00211D

Mezcla HSV

#007568 - #00211D | 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 #007568 como 0% y #00211D como 100%.

0.0%	0.0% #007568	RGB 0 117 104	#007568
16.7%	16.7% #00675B	RGB 0 103 91	#00675B
33.3%	33.3% #00594E	RGB 0 89 78	#00594E
50.0%	50.0% #004B42	RGB 0 75 66	#004B42
66.7%	66.7% #003D35	RGB 0 61 53	#003D35
83.3%	83.3% #002F29	RGB 0 47 41	#002F29
100.0%	100.0% #00211D	RGB 0 33 29	#00211D

#007568 #00675B #00594E #004B42 #003D35 #002F29 #00211D

#007568 - #004B42 - #00211D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007568 0%, #004B42 50%, #00211D 100%);
    background: -webkit-linear-gradient(top, #007568 0%, #004B42 50%, #00211D 100%);
    background: linear-gradient(to bottom, #007568 0%, #004B42 50%, #00211D 100%);
}
</style>