#009660 - #01582D | 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 #009660 a #01582D

#009660 #01582D

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

#009660 - #01582D | 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 #009660 como 0% y #01582D como 100%.

0.0%	0.0% #009660	RGB 0 150 96	#009660
16.7%	16.7% #008B57	RGB 0 139 87	#008B57
33.3%	33.3% #00814F	RGB 0 129 79	#00814F
50.0%	50.0% #007746	RGB 0 119 70	#007746
66.7%	66.7% #006C3E	RGB 0 108 62	#006C3E
83.3%	83.3% #006235	RGB 0 98 53	#006235
100.0%	100.0% #01582D	RGB 1 88 45	#01582D

#009660 #008B57 #00814F #007746 #006C3E #006235 #01582D

#009660 - #01582D

Mezcla HSV

#009660 - #01582D | 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 #009660 como 0% y #01582D como 100%.

0.0%	0.0% #009660	RGB 0 150 96	#009660
16.7%	16.7% #008B56	RGB 0 139 86	#008B56
33.3%	33.3% #00814D	RGB 0 129 77	#00814D
50.0%	50.0% #007744	RGB 0 119 68	#007744
66.7%	66.7% #006C3C	RGB 0 108 60	#006C3C
83.3%	83.3% #006234	RGB 0 98 52	#006234
100.0%	100.0% #01582D	RGB 1 88 45	#01582D

#009660 #008B56 #00814D #007744 #006C3C #006234 #01582D

#009660 - #007744 - #01582D

Códigos CSS

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

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