#7A8C7F - #D9DEDA | 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 #7A8C7F a #D9DEDA

#7A8C7F #D9DEDA

Calcule el color entre dos colores, #7A8C7F y #D9DEDA. 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)

#7A8C7F - #D9DEDA | 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 #7A8C7F como 0% y #D9DEDA como 100%.

0.0%	0.0% #7A8C7F	RGB 122 140 127	#7A8C7F
16.7%	16.7% #89998E	RGB 137 153 142	#89998E
33.3%	33.3% #99A79D	RGB 153 167 157	#99A79D
50.0%	50.0% #A9B5AC	RGB 169 181 172	#A9B5AC
66.7%	66.7% #B9C2BB	RGB 185 194 187	#B9C2BB
83.3%	83.3% #C9D0CA	RGB 201 208 202	#C9D0CA
100.0%	100.0% #D9DEDA	RGB 217 222 218	#D9DEDA

#7A8C7F #89998E #99A79D #A9B5AC #B9C2BB #C9D0CA #D9DEDA

#7A8C7F - #D9DEDA

Mezcla HSV

#7A8C7F - #D9DEDA | 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 #7A8C7F como 0% y #D9DEDA como 100%.

0.0%	0.0% #7A8C7F	RGB 122 140 127	#7A8C7F
16.7%	16.7% #88998D	RGB 136 153 141	#88998D
33.3%	33.3% #97A79B	RGB 151 167 155	#97A79B
50.0%	50.0% #A7B5AA	RGB 167 181 170	#A7B5AA
66.7%	66.7% #B7C2B9	RGB 183 194 185	#B7C2B9
83.3%	83.3% #C7D0C9	RGB 199 208 201	#C7D0C9
100.0%	100.0% #D9DEDA	RGB 217 222 218	#D9DEDA

#7A8C7F #88998D #97A79B #A7B5AA #B7C2B9 #C7D0C9 #D9DEDA

#7A8C7F - #A7B5AA - #D9DEDA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8C7F 0%, #A7B5AA 50%, #D9DEDA 100%);
    background: -webkit-linear-gradient(top, #7A8C7F 0%, #A7B5AA 50%, #D9DEDA 100%);
    background: linear-gradient(to bottom, #7A8C7F 0%, #A7B5AA 50%, #D9DEDA 100%);
}
</style>