#3E5E53 - #8DA571 | 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 #3E5E53 a #8DA571

#3E5E53 #8DA571

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

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

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #4B6958	RGB 75 105 88	#4B6958
33.3%	33.3% #58755D	RGB 88 117 93	#58755D
50.0%	50.0% #658162	RGB 101 129 98	#658162
66.7%	66.7% #728D67	RGB 114 141 103	#728D67
83.3%	83.3% #7F996C	RGB 127 153 108	#7F996C
100.0%	100.0% #8DA571	RGB 141 165 113	#8DA571

#3E5E53 #4B6958 #58755D #658162 #728D67 #7F996C #8DA571

#3E5E53 - #8DA571

Mezcla HSV

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

0.0%	0.0% #3E5E53	RGB 62 94 83	#3E5E53
16.7%	16.7% #466956	RGB 70 105 86	#466956
33.3%	33.3% #4E7558	RGB 78 117 88	#4E7558
50.0%	50.0% #578159	RGB 87 129 89	#578159
66.7%	66.7% #668D5F	RGB 102 141 95	#668D5F
83.3%	83.3% #789968	RGB 120 153 104	#789968
100.0%	100.0% #8DA571	RGB 141 165 113	#8DA571

#3E5E53 #466956 #4E7558 #578159 #668D5F #789968 #8DA571

#3E5E53 - #578159 - #8DA571

Códigos CSS

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

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