#41A6A6 - #B8DEA8 | 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 #41A6A6 a #B8DEA8

#41A6A6 #B8DEA8

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

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

0.0%	0.0% #41A6A6	RGB 65 166 166	#41A6A6
16.7%	16.7% #54AFA6	RGB 84 175 166	#54AFA6
33.3%	33.3% #68B8A6	RGB 104 184 166	#68B8A6
50.0%	50.0% #7CC2A7	RGB 124 194 167	#7CC2A7
66.7%	66.7% #90CBA7	RGB 144 203 167	#90CBA7
83.3%	83.3% #A4D4A7	RGB 164 212 167	#A4D4A7
100.0%	100.0% #B8DEA8	RGB 184 222 168	#B8DEA8

#41A6A6 #54AFA6 #68B8A6 #7CC2A7 #90CBA7 #A4D4A7 #B8DEA8

#41A6A6 - #B8DEA8

Mezcla HSV

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

0.0%	0.0% #41A6A6	RGB 65 166 166	#41A6A6
16.7%	16.7% #4FAF9A	RGB 79 175 154	#4FAF9A
33.3%	33.3% #5EB891	RGB 94 184 145	#5EB891
50.0%	50.0% #6FC28C	RGB 111 194 140	#6FC28C
66.7%	66.7% #81CB8B	RGB 129 203 139	#81CB8B
83.3%	83.3% #99D493	RGB 153 212 147	#99D493
100.0%	100.0% #B8DEA8	RGB 184 222 168	#B8DEA8

#41A6A6 #4FAF9A #5EB891 #6FC28C #81CB8B #99D493 #B8DEA8

#41A6A6 - #6FC28C - #B8DEA8

Códigos CSS

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

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