#41BA8F - #048457 | 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 #048457

#41BA8F #048457

Calcule el color entre dos colores, #41BA8F y #048457. 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 - #048457 | 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 #048457 como 100%.

0.0%	0.0% #41BA8F	RGB 65 186 143	#41BA8F
16.7%	16.7% #36B185	RGB 54 177 133	#36B185
33.3%	33.3% #2CA87C	RGB 44 168 124	#2CA87C
50.0%	50.0% #229F73	RGB 34 159 115	#229F73
66.7%	66.7% #189669	RGB 24 150 105	#189669
83.3%	83.3% #0E8D60	RGB 14 141 96	#0E8D60
100.0%	100.0% #048457	RGB 4 132 87	#048457

#41BA8F #36B185 #2CA87C #229F73 #189669 #0E8D60 #048457

#41BA8F - #048457

Mezcla HSV

#41BA8F - #048457 | 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 #048457 como 100%.

0.0%	0.0% #41BA8E	RGB 65 186 142	#41BA8E
16.7%	16.7% #34B184	RGB 52 177 132	#34B184
33.3%	33.3% #28A87A	RGB 40 168 122	#28A87A
50.0%	50.0% #1E9F71	RGB 30 159 113	#1E9F71
66.7%	66.7% #149668	RGB 20 150 104	#149668
83.3%	83.3% #0B8D5F	RGB 11 141 95	#0B8D5F
100.0%	100.0% #048457	RGB 4 132 87	#048457

#41BA8E #34B184 #28A87A #1E9F71 #149668 #0B8D5F #048457

#41BA8F - #1E9F71 - #048457

Códigos CSS

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

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