#00AC68 - #006D36 | 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 #00AC68 a #006D36

#00AC68 #006D36

Calcule el color entre dos colores, #00AC68 y #006D36. 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)

#00AC68 - #006D36 | 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 #00AC68 como 0% y #006D36 como 100%.

0.0%	0.0% #00AC68	RGB 0 172 104	#00AC68
16.7%	16.7% #00A15F	RGB 0 161 95	#00A15F
33.3%	33.3% #009757	RGB 0 151 87	#009757
50.0%	50.0% #008C4F	RGB 0 140 79	#008C4F
66.7%	66.7% #008246	RGB 0 130 70	#008246
83.3%	83.3% #00773E	RGB 0 119 62	#00773E
100.0%	100.0% #006D36	RGB 0 109 54	#006D36

#00AC68 #00A15F #009757 #008C4F #008246 #00773E #006D36

#00AC68 - #006D36

Mezcla HSV

#00AC68 - #006D36 | 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 #00AC68 como 0% y #006D36 como 100%.

0.0%	0.0% #00AC68	RGB 0 172 104	#00AC68
16.7%	16.7% #00A15E	RGB 0 161 94	#00A15E
33.3%	33.3% #009755	RGB 0 151 85	#009755
50.0%	50.0% #008C4D	RGB 0 140 77	#008C4D
66.7%	66.7% #008245	RGB 0 130 69	#008245
83.3%	83.3% #00773D	RGB 0 119 61	#00773D
100.0%	100.0% #006D36	RGB 0 109 54	#006D36

#00AC68 #00A15E #009755 #008C4D #008245 #00773D #006D36

#00AC68 - #008C4D - #006D36

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AC68 0%, #008C4D 50%, #006D36 100%);
    background: -webkit-linear-gradient(top, #00AC68 0%, #008C4D 50%, #006D36 100%);
    background: linear-gradient(to bottom, #00AC68 0%, #008C4D 50%, #006D36 100%);
}
</style>