#00A660 - #00722E | 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 #00A660 a #00722E

#00A660 #00722E

Calcule el color entre dos colores, #00A660 y #00722E. 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)

#00A660 - #00722E | 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 #00A660 como 0% y #00722E como 100%.

0.0%	0.0% #00A660	RGB 0 166 96	#00A660
16.7%	16.7% #009D57	RGB 0 157 87	#009D57
33.3%	33.3% #00944F	RGB 0 148 79	#00944F
50.0%	50.0% #008C47	RGB 0 140 71	#008C47
66.7%	66.7% #00833E	RGB 0 131 62	#00833E
83.3%	83.3% #007A36	RGB 0 122 54	#007A36
100.0%	100.0% #00722E	RGB 0 114 46	#00722E

#00A660 #009D57 #00944F #008C47 #00833E #007A36 #00722E

#00A660 - #00722E

Mezcla HSV

#00A660 - #00722E | 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 #00A660 como 0% y #00722E como 100%.

0.0%	0.0% #00A660	RGB 0 166 96	#00A660
16.7%	16.7% #009D56	RGB 0 157 86	#009D56
33.3%	33.3% #00944D	RGB 0 148 77	#00944D
50.0%	50.0% #008C44	RGB 0 140 68	#008C44
66.7%	66.7% #00833C	RGB 0 131 60	#00833C
83.3%	83.3% #007A35	RGB 0 122 53	#007A35
100.0%	100.0% #00722E	RGB 0 114 46	#00722E

#00A660 #009D56 #00944D #008C44 #00833C #007A35 #00722E

#00A660 - #008C44 - #00722E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A660 0%, #008C44 50%, #00722E 100%);
    background: -webkit-linear-gradient(top, #00A660 0%, #008C44 50%, #00722E 100%);
    background: linear-gradient(to bottom, #00A660 0%, #008C44 50%, #00722E 100%);
}
</style>