#3E463C - #8C9F69 | 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 #3E463C a #8C9F69

#3E463C #8C9F69

Calcule el color entre dos colores, #3E463C y #8C9F69. 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)

#3E463C - #8C9F69 | 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 #3E463C como 0% y #8C9F69 como 100%.

0.0%	0.0% #3E463C	RGB 62 70 60	#3E463C
16.7%	16.7% #4B5443	RGB 75 84 67	#4B5443
33.3%	33.3% #58634B	RGB 88 99 75	#58634B
50.0%	50.0% #657252	RGB 101 114 82	#657252
66.7%	66.7% #72815A	RGB 114 129 90	#72815A
83.3%	83.3% #7F9061	RGB 127 144 97	#7F9061
100.0%	100.0% #8C9F69	RGB 140 159 105	#8C9F69

#3E463C #4B5443 #58634B #657252 #72815A #7F9061 #8C9F69

#3E463C - #8C9F69

Mezcla HSV

#3E463C - #8C9F69 | 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 #3E463C como 0% y #8C9F69 como 100%.

0.0%	0.0% #3E463C	RGB 62 70 60	#3E463C
16.7%	16.7% #4A5445	RGB 74 84 69	#4A5445
33.3%	33.3% #56634E	RGB 86 99 78	#56634E
50.0%	50.0% #627256	RGB 98 114 86	#627256
66.7%	66.7% #6F815D	RGB 111 129 93	#6F815D
83.3%	83.3% #7D9063	RGB 125 144 99	#7D9063
100.0%	100.0% #8C9F69	RGB 140 159 105	#8C9F69

#3E463C #4A5445 #56634E #627256 #6F815D #7D9063 #8C9F69

#3E463C - #627256 - #8C9F69

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E463C 0%, #627256 50%, #8C9F69 100%);
    background: -webkit-linear-gradient(top, #3E463C 0%, #627256 50%, #8C9F69 100%);
    background: linear-gradient(to bottom, #3E463C 0%, #627256 50%, #8C9F69 100%);
}
</style>