#008181 - #005339 | 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 #008181 a #005339

#008181 #005339

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

#008181 - #005339 | 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 #008181 como 0% y #005339 como 100%.

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #007975	RGB 0 121 117	#007975
33.3%	33.3% #007169	RGB 0 113 105	#007169
50.0%	50.0% #006A5D	RGB 0 106 93	#006A5D
66.7%	66.7% #006251	RGB 0 98 81	#006251
83.3%	83.3% #005A45	RGB 0 90 69	#005A45
100.0%	100.0% #005339	RGB 0 83 57	#005339

#008181 #007975 #007169 #006A5D #006251 #005A45 #005339

#008181 - #005339

Mezcla HSV

#008181 - #005339 | 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 #008181 como 0% y #005339 como 100%.

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #007972	RGB 0 121 114	#007972
33.3%	33.3% #007165	RGB 0 113 101	#007165
50.0%	50.0% #006A59	RGB 0 106 89	#006A59
66.7%	66.7% #00624D	RGB 0 98 77	#00624D
83.3%	83.3% #005A42	RGB 0 90 66	#005A42
100.0%	100.0% #005339	RGB 0 83 57	#005339

#008181 #007972 #007165 #006A59 #00624D #005A42 #005339

#008181 - #006A59 - #005339

Códigos CSS

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

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