#009E7A - #00663D | 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 #009E7A a #00663D

#009E7A #00663D

Calcule el color entre dos colores, #009E7A y #00663D. 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)

#009E7A - #00663D | 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 #009E7A como 0% y #00663D como 100%.

0.0%	0.0% #009E7A	RGB 0 158 122	#009E7A
16.7%	16.7% #00946F	RGB 0 148 111	#00946F
33.3%	33.3% #008B65	RGB 0 139 101	#008B65
50.0%	50.0% #00825B	RGB 0 130 91	#00825B
66.7%	66.7% #007851	RGB 0 120 81	#007851
83.3%	83.3% #006F47	RGB 0 111 71	#006F47
100.0%	100.0% #00663D	RGB 0 102 61	#00663D

#009E7A #00946F #008B65 #00825B #007851 #006F47 #00663D

#009E7A - #00663D

Mezcla HSV

#009E7A - #00663D | 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 #009E7A como 0% y #00663D como 100%.

0.0%	0.0% #009E7A	RGB 0 158 122	#009E7A
16.7%	16.7% #00946E	RGB 0 148 110	#00946E
33.3%	33.3% #008B63	RGB 0 139 99	#008B63
50.0%	50.0% #008259	RGB 0 130 89	#008259
66.7%	66.7% #00784F	RGB 0 120 79	#00784F
83.3%	83.3% #006F45	RGB 0 111 69	#006F45
100.0%	100.0% #00663D	RGB 0 102 61	#00663D

#009E7A #00946E #008B63 #008259 #00784F #006F45 #00663D

#009E7A - #008259 - #00663D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009E7A 0%, #008259 50%, #00663D 100%);
    background: -webkit-linear-gradient(top, #009E7A 0%, #008259 50%, #00663D 100%);
    background: linear-gradient(to bottom, #009E7A 0%, #008259 50%, #00663D 100%);
}
</style>