#918E7F - #DFDEDA | 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 #918E7F a #DFDEDA

#918E7F #DFDEDA

Calcule el color entre dos colores, #918E7F y #DFDEDA. 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)

#918E7F - #DFDEDA | 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 #918E7F como 0% y #DFDEDA como 100%.

0.0%	0.0% #918E7F	RGB 145 142 127	#918E7F
16.7%	16.7% #9E9B8E	RGB 158 155 142	#9E9B8E
33.3%	33.3% #ABA89D	RGB 171 168 157	#ABA89D
50.0%	50.0% #B8B6AC	RGB 184 182 172	#B8B6AC
66.7%	66.7% #C5C3BB	RGB 197 195 187	#C5C3BB
83.3%	83.3% #D2D0CA	RGB 210 208 202	#D2D0CA
100.0%	100.0% #DFDEDA	RGB 223 222 218	#DFDEDA

#918E7F #9E9B8E #ABA89D #B8B6AC #C5C3BB #D2D0CA #DFDEDA

#918E7F - #DFDEDA

Mezcla HSV

#918E7F - #DFDEDA | 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 #918E7F como 0% y #DFDEDA como 100%.

0.0%	0.0% #918E7F	RGB 145 142 127	#918E7F
16.7%	16.7% #9E9B8D	RGB 158 155 141	#9E9B8D
33.3%	33.3% #ABA89B	RGB 171 168 155	#ABA89B
50.0%	50.0% #B8B5AA	RGB 184 181 170	#B8B5AA
66.7%	66.7% #C5C2B9	RGB 197 194 185	#C5C2B9
83.3%	83.3% #D2D0C9	RGB 210 208 201	#D2D0C9
100.0%	100.0% #DFDEDA	RGB 223 222 218	#DFDEDA

#918E7F #9E9B8D #ABA89B #B8B5AA #C5C2B9 #D2D0C9 #DFDEDA

#918E7F - #B8B5AA - #DFDEDA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #918E7F 0%, #B8B5AA 50%, #DFDEDA 100%);
    background: -webkit-linear-gradient(top, #918E7F 0%, #B8B5AA 50%, #DFDEDA 100%);
    background: linear-gradient(to bottom, #918E7F 0%, #B8B5AA 50%, #DFDEDA 100%);
}
</style>