#00C2C2 - #00948C | 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 #00C2C2 a #00948C

#00C2C2 #00948C

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

#00C2C2 - #00948C | 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 #00C2C2 como 0% y #00948C como 100%.

0.0%	0.0% #00C2C2	RGB 0 194 194	#00C2C2
16.7%	16.7% #00BAB9	RGB 0 186 185	#00BAB9
33.3%	33.3% #00B2B0	RGB 0 178 176	#00B2B0
50.0%	50.0% #00ABA7	RGB 0 171 167	#00ABA7
66.7%	66.7% #00A39E	RGB 0 163 158	#00A39E
83.3%	83.3% #009B95	RGB 0 155 149	#009B95
100.0%	100.0% #00948C	RGB 0 148 140	#00948C

#00C2C2 #00BAB9 #00B2B0 #00ABA7 #00A39E #009B95 #00948C

#00C2C2 - #00948C

Mezcla HSV

#00C2C2 - #00948C | 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 #00C2C2 como 0% y #00948C como 100%.

0.0%	0.0% #00C2C2	RGB 0 194 194	#00C2C2
16.7%	16.7% #00BAB8	RGB 0 186 184	#00BAB8
33.3%	33.3% #00B2AF	RGB 0 178 175	#00B2AF
50.0%	50.0% #00ABA6	RGB 0 171 166	#00ABA6
66.7%	66.7% #00A39D	RGB 0 163 157	#00A39D
83.3%	83.3% #009B94	RGB 0 155 148	#009B94
100.0%	100.0% #00948C	RGB 0 148 140	#00948C

#00C2C2 #00BAB8 #00B2AF #00ABA6 #00A39D #009B94 #00948C

#00C2C2 - #00ABA6 - #00948C

Códigos CSS

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

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