#00968D - #005847 | 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 #00968D a #005847

#00968D #005847

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

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

0.0%	0.0% #00968D	RGB 0 150 141	#00968D
16.7%	16.7% #008B81	RGB 0 139 129	#008B81
33.3%	33.3% #008175	RGB 0 129 117	#008175
50.0%	50.0% #00776A	RGB 0 119 106	#00776A
66.7%	66.7% #006C5E	RGB 0 108 94	#006C5E
83.3%	83.3% #006252	RGB 0 98 82	#006252
100.0%	100.0% #005847	RGB 0 88 71	#005847

#00968D #008B81 #008175 #00776A #006C5E #006252 #005847

#00968D - #005847

Mezcla HSV

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

0.0%	0.0% #00968D	RGB 0 150 141	#00968D
16.7%	16.7% #008B80	RGB 0 139 128	#008B80
33.3%	33.3% #008173	RGB 0 129 115	#008173
50.0%	50.0% #007767	RGB 0 119 103	#007767
66.7%	66.7% #006C5C	RGB 0 108 92	#006C5C
83.3%	83.3% #006251	RGB 0 98 81	#006251
100.0%	100.0% #005847	RGB 0 88 71	#005847

#00968D #008B80 #008173 #007767 #006C5C #006251 #005847

#00968D - #007767 - #005847

Códigos CSS

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

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