#898D7E - #E2CF9C | 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 #898D7E a #E2CF9C

#898D7E #E2CF9C

Calcule el color entre dos colores, #898D7E y #E2CF9C. 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)

#898D7E - #E2CF9C | 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 #898D7E como 0% y #E2CF9C como 100%.

0.0%	0.0% #898D7E	RGB 137 141 126	#898D7E
16.7%	16.7% #979883	RGB 151 152 131	#979883
33.3%	33.3% #A6A388	RGB 166 163 136	#A6A388
50.0%	50.0% #B5AE8D	RGB 181 174 141	#B5AE8D
66.7%	66.7% #C4B992	RGB 196 185 146	#C4B992
83.3%	83.3% #D3C497	RGB 211 196 151	#D3C497
100.0%	100.0% #E2CF9C	RGB 226 207 156	#E2CF9C

#898D7E #979883 #A6A388 #B5AE8D #C4B992 #D3C497 #E2CF9C

#898D7E - #E2CF9C

Mezcla HSV

#898D7E - #E2CF9C | 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 #898D7E como 0% y #E2CF9C como 100%.

0.0%	0.0% #898D7E	RGB 137 141 126	#898D7E
16.7%	16.7% #979B85	RGB 151 155 133	#979B85
33.3%	33.3% #A6A98B	RGB 166 169 139	#A6A98B
50.0%	50.0% #B7B791	RGB 183 183 145	#B7B791
66.7%	66.7% #C5C195	RGB 197 193 149	#C5C195
83.3%	83.3% #D3C999	RGB 211 201 153	#D3C999
100.0%	100.0% #E2CF9C	RGB 226 207 156	#E2CF9C

#898D7E #979B85 #A6A98B #B7B791 #C5C195 #D3C999 #E2CF9C

#898D7E - #B7B791 - #E2CF9C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #898D7E 0%, #B7B791 50%, #E2CF9C 100%);
    background: -webkit-linear-gradient(top, #898D7E 0%, #B7B791 50%, #E2CF9C 100%);
    background: linear-gradient(to bottom, #898D7E 0%, #B7B791 50%, #E2CF9C 100%);
}
</style>