#00D3A0 - #00A16D | 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 #00D3A0 a #00A16D

#00D3A0 #00A16D

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

#00D3A0 - #00A16D | 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 #00D3A0 como 0% y #00A16D como 100%.

0.0%	0.0% #00D3A0	RGB 0 211 160	#00D3A0
16.7%	16.7% #00CA97	RGB 0 202 151	#00CA97
33.3%	33.3% #00C28F	RGB 0 194 143	#00C28F
50.0%	50.0% #00BA86	RGB 0 186 134	#00BA86
66.7%	66.7% #00B17E	RGB 0 177 126	#00B17E
83.3%	83.3% #00A975	RGB 0 169 117	#00A975
100.0%	100.0% #00A16D	RGB 0 161 109	#00A16D

#00D3A0 #00CA97 #00C28F #00BA86 #00B17E #00A975 #00A16D

#00D3A0 - #00A16D

Mezcla HSV

#00D3A0 - #00A16D | 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 #00D3A0 como 0% y #00A16D como 100%.

0.0%	0.0% #00D3A0	RGB 0 211 160	#00D3A0
16.7%	16.7% #00CA96	RGB 0 202 150	#00CA96
33.3%	33.3% #00C28E	RGB 0 194 142	#00C28E
50.0%	50.0% #00BA85	RGB 0 186 133	#00BA85
66.7%	66.7% #00B17D	RGB 0 177 125	#00B17D
83.3%	83.3% #00A974	RGB 0 169 116	#00A974
100.0%	100.0% #00A16D	RGB 0 161 109	#00A16D

#00D3A0 #00CA96 #00C28E #00BA85 #00B17D #00A974 #00A16D

#00D3A0 - #00BA85 - #00A16D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D3A0 0%, #00BA85 50%, #00A16D 100%);
    background: -webkit-linear-gradient(top, #00D3A0 0%, #00BA85 50%, #00A16D 100%);
    background: linear-gradient(to bottom, #00D3A0 0%, #00BA85 50%, #00A16D 100%);
}
</style>