#009C9E - #002C2D | 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 #009C9E a #002C2D

#009C9E #002C2D

Calcule el color entre dos colores, #009C9E y #002C2D. 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)

#009C9E - #002C2D | 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 #009C9E como 0% y #002C2D como 100%.

0.0%	0.0% #009C9E	RGB 0 156 158	#009C9E
16.7%	16.7% #00898B	RGB 0 137 139	#00898B
33.3%	33.3% #007678	RGB 0 118 120	#007678
50.0%	50.0% #006465	RGB 0 100 101	#006465
66.7%	66.7% #005152	RGB 0 81 82	#005152
83.3%	83.3% #003E3F	RGB 0 62 63	#003E3F
100.0%	100.0% #002C2D	RGB 0 44 45	#002C2D

#009C9E #00898B #007678 #006465 #005152 #003E3F #002C2D

#009C9E - #002C2D

Mezcla HSV

#009C9E - #002C2D | 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 #009C9E como 0% y #002C2D como 100%.

0.0%	0.0% #009C9E	RGB 0 156 158	#009C9E
16.7%	16.7% #00898B	RGB 0 137 139	#00898B
33.3%	33.3% #007678	RGB 0 118 120	#007678
50.0%	50.0% #006365	RGB 0 99 101	#006365
66.7%	66.7% #005152	RGB 0 81 82	#005152
83.3%	83.3% #003E3F	RGB 0 62 63	#003E3F
100.0%	100.0% #002C2D	RGB 0 44 45	#002C2D

#009C9E #00898B #007678 #006365 #005152 #003E3F #002C2D

#009C9E - #006365 - #002C2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009C9E 0%, #006365 50%, #002C2D 100%);
    background: -webkit-linear-gradient(top, #009C9E 0%, #006365 50%, #002C2D 100%);
    background: linear-gradient(to bottom, #009C9E 0%, #006365 50%, #002C2D 100%);
}
</style>