#3E3E3E - #72B08D | 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 #3E3E3E a #72B08D

#3E3E3E #72B08D

Calcule el color entre dos colores, #3E3E3E y #72B08D. 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)

#3E3E3E - #72B08D | 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 #3E3E3E como 0% y #72B08D como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #46514B	RGB 70 81 75	#46514B
33.3%	33.3% #4F6458	RGB 79 100 88	#4F6458
50.0%	50.0% #587765	RGB 88 119 101	#587765
66.7%	66.7% #608A72	RGB 96 138 114	#608A72
83.3%	83.3% #699D7F	RGB 105 157 127	#699D7F
100.0%	100.0% #72B08D	RGB 114 176 141	#72B08D

#3E3E3E #46514B #4F6458 #587765 #608A72 #699D7F #72B08D

#3E3E3E - #72B08D

Mezcla HSV

#3E3E3E - #72B08D | 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 #3E3E3E como 0% y #72B08D como 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #514E4C	RGB 81 78 76	#514E4C
33.3%	33.3% #646158	RGB 100 97 88	#646158
50.0%	50.0% #727762	RGB 114 119 98	#727762
66.7%	66.7% #758A69	RGB 117 138 105	#758A69
83.3%	83.3% #6E9D70	RGB 110 157 112	#6E9D70
100.0%	100.0% #72B08D	RGB 114 176 141	#72B08D

#3E3E3E #514E4C #646158 #727762 #758A69 #6E9D70 #72B08D

#3E3E3E - #727762 - #72B08D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #727762 50%, #72B08D 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #727762 50%, #72B08D 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #727762 50%, #72B08D 100%);
}
</style>