#009E8D - #006A4A | 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 #009E8D a #006A4A

#009E8D #006A4A

Calcule el color entre dos colores, #009E8D y #006A4A. 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)

#009E8D - #006A4A | 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 #009E8D como 0% y #006A4A como 100%.

0.0%	0.0% #009E8D	RGB 0 158 141	#009E8D
16.7%	16.7% #009581	RGB 0 149 129	#009581
33.3%	33.3% #008C76	RGB 0 140 118	#008C76
50.0%	50.0% #00846B	RGB 0 132 107	#00846B
66.7%	66.7% #007B60	RGB 0 123 96	#007B60
83.3%	83.3% #007255	RGB 0 114 85	#007255
100.0%	100.0% #006A4A	RGB 0 106 74	#006A4A

#009E8D #009581 #008C76 #00846B #007B60 #007255 #006A4A

#009E8D - #006A4A

Mezcla HSV

#009E8D - #006A4A | 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 #009E8D como 0% y #006A4A como 100%.

0.0%	0.0% #009E8D	RGB 0 158 141	#009E8D
16.7%	16.7% #009580	RGB 0 149 128	#009580
33.3%	33.3% #008C74	RGB 0 140 116	#008C74
50.0%	50.0% #008468	RGB 0 132 104	#008468
66.7%	66.7% #007B5E	RGB 0 123 94	#007B5E
83.3%	83.3% #007253	RGB 0 114 83	#007253
100.0%	100.0% #006A4A	RGB 0 106 74	#006A4A

#009E8D #009580 #008C74 #008468 #007B5E #007253 #006A4A

#009E8D - #008468 - #006A4A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009E8D 0%, #008468 50%, #006A4A 100%);
    background: -webkit-linear-gradient(top, #009E8D 0%, #008468 50%, #006A4A 100%);
    background: linear-gradient(to bottom, #009E8D 0%, #008468 50%, #006A4A 100%);
}
</style>