#00AA71 - #006D3B | 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 #00AA71 a #006D3B

#00AA71 #006D3B

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

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

0.0%	0.0% #00AA71	RGB 0 170 113	#00AA71
16.7%	16.7% #009F68	RGB 0 159 104	#009F68
33.3%	33.3% #00955F	RGB 0 149 95	#00955F
50.0%	50.0% #008B56	RGB 0 139 86	#008B56
66.7%	66.7% #00814D	RGB 0 129 77	#00814D
83.3%	83.3% #007744	RGB 0 119 68	#007744
100.0%	100.0% #006D3B	RGB 0 109 59	#006D3B

#00AA71 #009F68 #00955F #008B56 #00814D #007744 #006D3B

#00AA71 - #006D3B

Mezcla HSV

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

0.0%	0.0% #00AA71	RGB 0 170 113	#00AA71
16.7%	16.7% #009F66	RGB 0 159 102	#009F66
33.3%	33.3% #00955D	RGB 0 149 93	#00955D
50.0%	50.0% #008B54	RGB 0 139 84	#008B54
66.7%	66.7% #00814B	RGB 0 129 75	#00814B
83.3%	83.3% #007742	RGB 0 119 66	#007742
100.0%	100.0% #006D3B	RGB 0 109 59	#006D3B

#00AA71 #009F66 #00955D #008B54 #00814B #007742 #006D3B

#00AA71 - #008B54 - #006D3B

Códigos CSS

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

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