#41BA9C - #D8ECA2 | 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 #41BA9C a #D8ECA2

#41BA9C #D8ECA2

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

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

0.0%	0.0% #41BA9C	RGB 65 186 156	#41BA9C
16.7%	16.7% #5AC29D	RGB 90 194 157	#5AC29D
33.3%	33.3% #73CA9E	RGB 115 202 158	#73CA9E
50.0%	50.0% #8CD39F	RGB 140 211 159	#8CD39F
66.7%	66.7% #A5DBA0	RGB 165 219 160	#A5DBA0
83.3%	83.3% #BEE3A1	RGB 190 227 161	#BEE3A1
100.0%	100.0% #D8ECA2	RGB 216 236 162	#D8ECA2

#41BA9C #5AC29D #73CA9E #8CD39F #A5DBA0 #BEE3A1 #D8ECA2

#41BA9C - #D8ECA2

Mezcla HSV

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

0.0%	0.0% #41BA9C	RGB 65 186 156	#41BA9C
16.7%	16.7% #4EC289	RGB 78 194 137	#4EC289
33.3%	33.3% #5DCA79	RGB 93 202 121	#5DCA79
50.0%	50.0% #6DD36E	RGB 109 211 110	#6DD36E
66.7%	66.7% #93DB7D	RGB 147 219 125	#93DB7D
83.3%	83.3% #B8E38F	RGB 184 227 143	#B8E38F
100.0%	100.0% #D8ECA2	RGB 216 236 162	#D8ECA2

#41BA9C #4EC289 #5DCA79 #6DD36E #93DB7D #B8E38F #D8ECA2

#41BA9C - #6DD36E - #D8ECA2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BA9C 0%, #6DD36E 50%, #D8ECA2 100%);
    background: -webkit-linear-gradient(top, #41BA9C 0%, #6DD36E 50%, #D8ECA2 100%);
    background: linear-gradient(to bottom, #41BA9C 0%, #6DD36E 50%, #D8ECA2 100%);
}
</style>