#00C3BC - #009485 | 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 #00C3BC a #009485

#00C3BC #009485

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

#00C3BC - #009485 | 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 #00C3BC como 0% y #009485 como 100%.

0.0%	0.0% #00C3BC	RGB 0 195 188	#00C3BC
16.7%	16.7% #00BBB2	RGB 0 187 178	#00BBB2
33.3%	33.3% #00B3A9	RGB 0 179 169	#00B3A9
50.0%	50.0% #00ABA0	RGB 0 171 160	#00ABA0
66.7%	66.7% #00A397	RGB 0 163 151	#00A397
83.3%	83.3% #009B8E	RGB 0 155 142	#009B8E
100.0%	100.0% #009485	RGB 0 148 133	#009485

#00C3BC #00BBB2 #00B3A9 #00ABA0 #00A397 #009B8E #009485

#00C3BC - #009485

Mezcla HSV

#00C3BC - #009485 | 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 #00C3BC como 0% y #009485 como 100%.

0.0%	0.0% #00C3BC	RGB 0 195 188	#00C3BC
16.7%	16.7% #00BBB2	RGB 0 187 178	#00BBB2
33.3%	33.3% #00B3A8	RGB 0 179 168	#00B3A8
50.0%	50.0% #00AB9F	RGB 0 171 159	#00AB9F
66.7%	66.7% #00A396	RGB 0 163 150	#00A396
83.3%	83.3% #009B8D	RGB 0 155 141	#009B8D
100.0%	100.0% #009485	RGB 0 148 133	#009485

#00C3BC #00BBB2 #00B3A8 #00AB9F #00A396 #009B8D #009485

#00C3BC - #00AB9F - #009485

Códigos CSS

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

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