#41BA8F - #C8EBDF | 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 #41BA8F a #C8EBDF

#41BA8F #C8EBDF

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

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

0.0%	0.0% #41BA8F	RGB 65 186 143	#41BA8F
16.7%	16.7% #57C29C	RGB 87 194 156	#57C29C
33.3%	33.3% #6ECAA9	RGB 110 202 169	#6ECAA9
50.0%	50.0% #84D2B7	RGB 132 210 183	#84D2B7
66.7%	66.7% #9BDAC4	RGB 155 218 196	#9BDAC4
83.3%	83.3% #B1E2D1	RGB 177 226 209	#B1E2D1
100.0%	100.0% #C8EBDF	RGB 200 235 223	#C8EBDF

#41BA8F #57C29C #6ECAA9 #84D2B7 #9BDAC4 #B1E2D1 #C8EBDF

#41BA8F - #C8EBDF

Mezcla HSV

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

0.0%	0.0% #41BA8E	RGB 65 186 142	#41BA8E
16.7%	16.7% #54C29B	RGB 84 194 155	#54C29B
33.3%	33.3% #68CAA7	RGB 104 202 167	#68CAA7
50.0%	50.0% #7ED2B5	RGB 126 210 181	#7ED2B5
66.7%	66.7% #95DAC2	RGB 149 218 194	#95DAC2
83.3%	83.3% #AEE2D0	RGB 174 226 208	#AEE2D0
100.0%	100.0% #C8EBDF	RGB 200 235 223	#C8EBDF

#41BA8E #54C29B #68CAA7 #7ED2B5 #95DAC2 #AEE2D0 #C8EBDF

#41BA8F - #7ED2B5 - #C8EBDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BA8E 0%, #7ED2B5 50%, #C8EBDF 100%);
    background: -webkit-linear-gradient(top, #41BA8E 0%, #7ED2B5 50%, #C8EBDF 100%);
    background: linear-gradient(to bottom, #41BA8E 0%, #7ED2B5 50%, #C8EBDF 100%);
}
</style>