#00BEBE - #008F85 | 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 #00BEBE a #008F85

#00BEBE #008F85

Calcule el color entre dos colores, #00BEBE y #008F85. 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)

#00BEBE - #008F85 | 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 #00BEBE como 0% y #008F85 como 100%.

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #00B6B4	RGB 0 182 180	#00B6B4
33.3%	33.3% #00AEAB	RGB 0 174 171	#00AEAB
50.0%	50.0% #00A6A1	RGB 0 166 161	#00A6A1
66.7%	66.7% #009E98	RGB 0 158 152	#009E98
83.3%	83.3% #00968E	RGB 0 150 142	#00968E
100.0%	100.0% #008F85	RGB 0 143 133	#008F85

#00BEBE #00B6B4 #00AEAB #00A6A1 #009E98 #00968E #008F85

#00BEBE - #008F85

Mezcla HSV

#00BEBE - #008F85 | 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 #00BEBE como 0% y #008F85 como 100%.

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #00B6B4	RGB 0 182 180	#00B6B4
33.3%	33.3% #00AEAA	RGB 0 174 170	#00AEAA
50.0%	50.0% #00A6A0	RGB 0 166 160	#00A6A0
66.7%	66.7% #009E97	RGB 0 158 151	#009E97
83.3%	83.3% #00968E	RGB 0 150 142	#00968E
100.0%	100.0% #008F85	RGB 0 143 133	#008F85

#00BEBE #00B6B4 #00AEAA #00A6A0 #009E97 #00968E #008F85

#00BEBE - #00A6A0 - #008F85

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BEBE 0%, #00A6A0 50%, #008F85 100%);
    background: -webkit-linear-gradient(top, #00BEBE 0%, #00A6A0 50%, #008F85 100%);
    background: linear-gradient(to bottom, #00BEBE 0%, #00A6A0 50%, #008F85 100%);
}
</style>