#3BCE7E - #103A24 | 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 #3BCE7E a #103A24

#3BCE7E #103A24

Calcule el color entre dos colores, #3BCE7E y #103A24. 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)

#3BCE7E - #103A24 | 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 #3BCE7E como 0% y #103A24 como 100%.

0.0%	0.0% #3BCE7E	RGB 59 206 126	#3BCE7E
16.7%	16.7% #33B56F	RGB 51 181 111	#33B56F
33.3%	33.3% #2C9C60	RGB 44 156 96	#2C9C60
50.0%	50.0% #258451	RGB 37 132 81	#258451
66.7%	66.7% #1E6B42	RGB 30 107 66	#1E6B42
83.3%	83.3% #175233	RGB 23 82 51	#175233
100.0%	100.0% #103A24	RGB 16 58 36	#103A24

#3BCE7E #33B56F #2C9C60 #258451 #1E6B42 #175233 #103A24

#3BCE7E - #103A24

Mezcla HSV

#3BCE7E - #103A24 | 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 #3BCE7E como 0% y #103A24 como 100%.

0.0%	0.0% #3BCE7E	RGB 59 206 126	#3BCE7E
16.7%	16.7% #33B56F	RGB 51 181 111	#33B56F
33.3%	33.3% #2C9C60	RGB 44 156 96	#2C9C60
50.0%	50.0% #258451	RGB 37 132 81	#258451
66.7%	66.7% #1D6B42	RGB 29 107 66	#1D6B42
83.3%	83.3% #165233	RGB 22 82 51	#165233
100.0%	100.0% #103A24	RGB 16 58 36	#103A24

#3BCE7E #33B56F #2C9C60 #258451 #1D6B42 #165233 #103A24

#3BCE7E - #258451 - #103A24

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BCE7E 0%, #258451 50%, #103A24 100%);
    background: -webkit-linear-gradient(top, #3BCE7E 0%, #258451 50%, #103A24 100%);
    background: linear-gradient(to bottom, #3BCE7E 0%, #258451 50%, #103A24 100%);
}
</style>