#9DA19B - #E3D9AE | 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 #9DA19B a #E3D9AE

#9DA19B #E3D9AE

Calcule el color entre dos colores, #9DA19B y #E3D9AE. 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)

#9DA19B - #E3D9AE | 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 #9DA19B como 0% y #E3D9AE como 100%.

0.0%	0.0% #9DA19B	RGB 157 161 155	#9DA19B
16.7%	16.7% #A8AA9E	RGB 168 170 158	#A8AA9E
33.3%	33.3% #B4B3A1	RGB 180 179 161	#B4B3A1
50.0%	50.0% #C0BDA4	RGB 192 189 164	#C0BDA4
66.7%	66.7% #CBC6A7	RGB 203 198 167	#CBC6A7
83.3%	83.3% #D7CFAA	RGB 215 207 170	#D7CFAA
100.0%	100.0% #E3D9AE	RGB 227 217 174	#E3D9AE

#9DA19B #A8AA9E #B4B3A1 #C0BDA4 #CBC6A7 #D7CFAA #E3D9AE

#9DA19B - #E3D9AE

Mezcla HSV

#9DA19B - #E3D9AE | 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 #9DA19B como 0% y #E3D9AE como 100%.

0.0%	0.0% #9DA19B	RGB 157 161 155	#9DA19B
16.7%	16.7% #A5AC9F	RGB 165 172 159	#A5AC9F
33.3%	33.3% #AFB7A4	RGB 175 183 164	#AFB7A4
50.0%	50.0% #BBC2A7	RGB 187 194 167	#BBC2A7
66.7%	66.7% #C9CDAA	RGB 201 205 170	#C9CDAA
83.3%	83.3% #D8D5AC	RGB 216 213 172	#D8D5AC
100.0%	100.0% #E3D9AE	RGB 227 217 174	#E3D9AE

#9DA19B #A5AC9F #AFB7A4 #BBC2A7 #C9CDAA #D8D5AC #E3D9AE

#9DA19B - #BBC2A7 - #E3D9AE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DA19B 0%, #BBC2A7 50%, #E3D9AE 100%);
    background: -webkit-linear-gradient(top, #9DA19B 0%, #BBC2A7 50%, #E3D9AE 100%);
    background: linear-gradient(to bottom, #9DA19B 0%, #BBC2A7 50%, #E3D9AE 100%);
}
</style>