#00B5AD - #00846F | 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 #00B5AD a #00846F

#00B5AD #00846F

Calcule el color entre dos colores, #00B5AD y #00846F. 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)

#00B5AD - #00846F | 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 #00B5AD como 0% y #00846F como 100%.

0.0%	0.0% #00B5AD	RGB 0 181 173	#00B5AD
16.7%	16.7% #00ACA2	RGB 0 172 162	#00ACA2
33.3%	33.3% #00A498	RGB 0 164 152	#00A498
50.0%	50.0% #009C8E	RGB 0 156 142	#009C8E
66.7%	66.7% #009483	RGB 0 148 131	#009483
83.3%	83.3% #008C79	RGB 0 140 121	#008C79
100.0%	100.0% #00846F	RGB 0 132 111	#00846F

#00B5AD #00ACA2 #00A498 #009C8E #009483 #008C79 #00846F

#00B5AD - #00846F

Mezcla HSV

#00B5AD - #00846F | 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 #00B5AD como 0% y #00846F como 100%.

0.0%	0.0% #00B5AD	RGB 0 181 173	#00B5AD
16.7%	16.7% #00ACA1	RGB 0 172 161	#00ACA1
33.3%	33.3% #00A497	RGB 0 164 151	#00A497
50.0%	50.0% #009C8C	RGB 0 156 140	#009C8C
66.7%	66.7% #009482	RGB 0 148 130	#009482
83.3%	83.3% #008C78	RGB 0 140 120	#008C78
100.0%	100.0% #00846F	RGB 0 132 111	#00846F

#00B5AD #00ACA1 #00A497 #009C8C #009482 #008C78 #00846F

#00B5AD - #009C8C - #00846F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B5AD 0%, #009C8C 50%, #00846F 100%);
    background: -webkit-linear-gradient(top, #00B5AD 0%, #009C8C 50%, #00846F 100%);
    background: linear-gradient(to bottom, #00B5AD 0%, #009C8C 50%, #00846F 100%);
}
</style>