#00A62E - #00720C | 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 #00A62E a #00720C

#00A62E #00720C

Calcule el color entre dos colores, #00A62E y #00720C. 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)

#00A62E - #00720C | 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 #00A62E como 0% y #00720C como 100%.

0.0%	0.0% #00A62E	RGB 0 166 46	#00A62E
16.7%	16.7% #009D28	RGB 0 157 40	#009D28
33.3%	33.3% #009422	RGB 0 148 34	#009422
50.0%	50.0% #008C1D	RGB 0 140 29	#008C1D
66.7%	66.7% #008317	RGB 0 131 23	#008317
83.3%	83.3% #007A11	RGB 0 122 17	#007A11
100.0%	100.0% #00720C	RGB 0 114 12	#00720C

#00A62E #009D28 #009422 #008C1D #008317 #007A11 #00720C

#00A62E - #00720C

Mezcla HSV

#00A62E - #00720C | 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 #00A62E como 0% y #00720C como 100%.

0.0%	0.0% #00A62D	RGB 0 166 45	#00A62D
16.7%	16.7% #009D27	RGB 0 157 39	#009D27
33.3%	33.3% #009420	RGB 0 148 32	#009420
50.0%	50.0% #008C1A	RGB 0 140 26	#008C1A
66.7%	66.7% #008315	RGB 0 131 21	#008315
83.3%	83.3% #007A10	RGB 0 122 16	#007A10
100.0%	100.0% #00720C	RGB 0 114 12	#00720C

#00A62D #009D27 #009420 #008C1A #008315 #007A10 #00720C

#00A62E - #008C1A - #00720C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A62D 0%, #008C1A 50%, #00720C 100%);
    background: -webkit-linear-gradient(top, #00A62D 0%, #008C1A 50%, #00720C 100%);
    background: linear-gradient(to bottom, #00A62D 0%, #008C1A 50%, #00720C 100%);
}
</style>