#3E5E4D - #90A56E | 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 #3E5E4D a #90A56E

#3E5E4D #90A56E

Calcule el color entre dos colores, #3E5E4D y #90A56E. 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)

#3E5E4D - #90A56E | 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 #3E5E4D como 0% y #90A56E como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #4B6952	RGB 75 105 82	#4B6952
33.3%	33.3% #597558	RGB 89 117 88	#597558
50.0%	50.0% #67815D	RGB 103 129 93	#67815D
66.7%	66.7% #748D63	RGB 116 141 99	#748D63
83.3%	83.3% #829968	RGB 130 153 104	#829968
100.0%	100.0% #90A56E	RGB 144 165 110	#90A56E

#3E5E4D #4B6952 #597558 #67815D #748D63 #829968 #90A56E

#3E5E4D - #90A56E

Mezcla HSV

#3E5E4D - #90A56E | 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 #3E5E4D como 0% y #90A56E como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #456950	RGB 69 105 80	#456950
33.3%	33.3% #4D7552	RGB 77 117 82	#4D7552
50.0%	50.0% #598155	RGB 89 129 85	#598155
66.7%	66.7% #6A8D5D	RGB 106 141 93	#6A8D5D
83.3%	83.3% #7C9965	RGB 124 153 101	#7C9965
100.0%	100.0% #90A56E	RGB 144 165 110	#90A56E

#3E5E4D #456950 #4D7552 #598155 #6A8D5D #7C9965 #90A56E

#3E5E4D - #598155 - #90A56E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4D 0%, #598155 50%, #90A56E 100%);
    background: -webkit-linear-gradient(top, #3E5E4D 0%, #598155 50%, #90A56E 100%);
    background: linear-gradient(to bottom, #3E5E4D 0%, #598155 50%, #90A56E 100%);
}
</style>