#41BAAB - #008971 | 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 #41BAAB a #008971

#41BAAB #008971

Calcule el color entre dos colores, #41BAAB y #008971. 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)

#41BAAB - #008971 | 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 #41BAAB como 0% y #008971 como 100%.

0.0%	0.0% #41BAAB	RGB 65 186 171	#41BAAB
16.7%	16.7% #36B1A1	RGB 54 177 161	#36B1A1
33.3%	33.3% #2BA997	RGB 43 169 151	#2BA997
50.0%	50.0% #20A18E	RGB 32 161 142	#20A18E
66.7%	66.7% #159984	RGB 21 153 132	#159984
83.3%	83.3% #0A917A	RGB 10 145 122	#0A917A
100.0%	100.0% #008971	RGB 0 137 113	#008971

#41BAAB #36B1A1 #2BA997 #20A18E #159984 #0A917A #008971

#41BAAB - #008971

Mezcla HSV

#41BAAB - #008971 | 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 #41BAAB como 0% y #008971 como 100%.

0.0%	0.0% #41BAAB	RGB 65 186 171	#41BAAB
16.7%	16.7% #33B1A1	RGB 51 177 161	#33B1A1
33.3%	33.3% #27A997	RGB 39 169 151	#27A997
50.0%	50.0% #1CA18D	RGB 28 161 141	#1CA18D
66.7%	66.7% #119983	RGB 17 153 131	#119983
83.3%	83.3% #08917A	RGB 8 145 122	#08917A
100.0%	100.0% #008971	RGB 0 137 113	#008971

#41BAAB #33B1A1 #27A997 #1CA18D #119983 #08917A #008971

#41BAAB - #1CA18D - #008971

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BAAB 0%, #1CA18D 50%, #008971 100%);
    background: -webkit-linear-gradient(top, #41BAAB 0%, #1CA18D 50%, #008971 100%);
    background: linear-gradient(to bottom, #41BAAB 0%, #1CA18D 50%, #008971 100%);
}
</style>