#00716D - #74CD97 | 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 #00716D a #74CD97

#00716D #74CD97

Calcule el color entre dos colores, #00716D y #74CD97. 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)

#00716D - #74CD97 | 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 #00716D como 0% y #74CD97 como 100%.

0.0%	0.0% #00716D	RGB 0 113 109	#00716D
16.7%	16.7% #138074	RGB 19 128 116	#138074
33.3%	33.3% #268F7B	RGB 38 143 123	#268F7B
50.0%	50.0% #3A9F82	RGB 58 159 130	#3A9F82
66.7%	66.7% #4DAE89	RGB 77 174 137	#4DAE89
83.3%	83.3% #60BD90	RGB 96 189 144	#60BD90
100.0%	100.0% #74CD97	RGB 116 205 151	#74CD97

#00716D #138074 #268F7B #3A9F82 #4DAE89 #60BD90 #74CD97

#00716D - #74CD97

Mezcla HSV

#00716D - #74CD97 | 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 #00716D como 0% y #74CD97 como 100%.

0.0%	0.0% #00716D	RGB 0 113 109	#00716D
16.7%	16.7% #0C8071	RGB 12 128 113	#0C8071
33.3%	33.3% #1B8F75	RGB 27 143 117	#1B8F75
50.0%	50.0% #2C9F7A	RGB 44 159 122	#2C9F7A
66.7%	66.7% #41AE81	RGB 65 174 129	#41AE81
83.3%	83.3% #59BD8A	RGB 89 189 138	#59BD8A
100.0%	100.0% #74CD97	RGB 116 205 151	#74CD97

#00716D #0C8071 #1B8F75 #2C9F7A #41AE81 #59BD8A #74CD97

#00716D - #2C9F7A - #74CD97

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00716D 0%, #2C9F7A 50%, #74CD97 100%);
    background: -webkit-linear-gradient(top, #00716D 0%, #2C9F7A 50%, #74CD97 100%);
    background: linear-gradient(to bottom, #00716D 0%, #2C9F7A 50%, #74CD97 100%);
}
</style>