#00BEBE - #003636 | 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 #003636

#00BEBE #003636

Calcule el color entre dos colores, #00BEBE y #003636. 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 - #003636 | 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 #003636 como 100%.

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #00A7A7	RGB 0 167 167	#00A7A7
33.3%	33.3% #009090	RGB 0 144 144	#009090
50.0%	50.0% #007A7A	RGB 0 122 122	#007A7A
66.7%	66.7% #006363	RGB 0 99 99	#006363
83.3%	83.3% #004C4C	RGB 0 76 76	#004C4C
100.0%	100.0% #003636	RGB 0 54 54	#003636

#00BEBE #00A7A7 #009090 #007A7A #006363 #004C4C #003636

#00BEBE - #003636

Mezcla HSV

#00BEBE - #003636 | 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 #003636 como 100%.

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #00A7A7	RGB 0 167 167	#00A7A7
33.3%	33.3% #009090	RGB 0 144 144	#009090
50.0%	50.0% #007A7A	RGB 0 122 122	#007A7A
66.7%	66.7% #006363	RGB 0 99 99	#006363
83.3%	83.3% #004C4C	RGB 0 76 76	#004C4C
100.0%	100.0% #003636	RGB 0 54 54	#003636

#00BEBE #00A7A7 #009090 #007A7A #006363 #004C4C #003636

#00BEBE - #007A7A - #003636

Códigos CSS

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

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