#3E5E54 - #8DA472 | 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 #3E5E54 a #8DA472

#3E5E54 #8DA472

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

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

0.0%	0.0% #3E5E54	RGB 62 94 84	#3E5E54
16.7%	16.7% #4B6959	RGB 75 105 89	#4B6959
33.3%	33.3% #58755E	RGB 88 117 94	#58755E
50.0%	50.0% #658163	RGB 101 129 99	#658163
66.7%	66.7% #728C68	RGB 114 140 104	#728C68
83.3%	83.3% #7F986D	RGB 127 152 109	#7F986D
100.0%	100.0% #8DA472	RGB 141 164 114	#8DA472

#3E5E54 #4B6959 #58755E #658163 #728C68 #7F986D #8DA472

#3E5E54 - #8DA472

Mezcla HSV

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

0.0%	0.0% #3E5E54	RGB 62 94 84	#3E5E54
16.7%	16.7% #466957	RGB 70 105 87	#466957
33.3%	33.3% #4E7559	RGB 78 117 89	#4E7559
50.0%	50.0% #57815A	RGB 87 129 90	#57815A
66.7%	66.7% #658C60	RGB 101 140 96	#658C60
83.3%	83.3% #789868	RGB 120 152 104	#789868
100.0%	100.0% #8DA472	RGB 141 164 114	#8DA472

#3E5E54 #466957 #4E7559 #57815A #658C60 #789868 #8DA472

#3E5E54 - #57815A - #8DA472

Códigos CSS

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

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