#927B7B - #DFD9D9 | 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 #927B7B a #DFD9D9

#927B7B #DFD9D9

Calcule el color entre dos colores, #927B7B y #DFD9D9. 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)

#927B7B - #DFD9D9 | 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 #927B7B como 0% y #DFD9D9 como 100%.

0.0%	0.0% #927B7B	RGB 146 123 123	#927B7B
16.7%	16.7% #9E8A8A	RGB 158 138 138	#9E8A8A
33.3%	33.3% #AB9A9A	RGB 171 154 154	#AB9A9A
50.0%	50.0% #B8AAAA	RGB 184 170 170	#B8AAAA
66.7%	66.7% #C5B9B9	RGB 197 185 185	#C5B9B9
83.3%	83.3% #D2C9C9	RGB 210 201 201	#D2C9C9
100.0%	100.0% #DFD9D9	RGB 223 217 217	#DFD9D9

#927B7B #9E8A8A #AB9A9A #B8AAAA #C5B9B9 #D2C9C9 #DFD9D9

#927B7B - #DFD9D9

Mezcla HSV

#927B7B - #DFD9D9 | 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 #927B7B como 0% y #DFD9D9 como 100%.

0.0%	0.0% #927B7B	RGB 146 123 123	#927B7B
16.7%	16.7% #9E8989	RGB 158 137 137	#9E8989
33.3%	33.3% #AB9898	RGB 171 152 152	#AB9898
50.0%	50.0% #B8A7A7	RGB 184 167 167	#B8A7A7
66.7%	66.7% #C5B7B7	RGB 197 183 183	#C5B7B7
83.3%	83.3% #D2C7C7	RGB 210 199 199	#D2C7C7
100.0%	100.0% #DFD9D9	RGB 223 217 217	#DFD9D9

#927B7B #9E8989 #AB9898 #B8A7A7 #C5B7B7 #D2C7C7 #DFD9D9

#927B7B - #B8A7A7 - #DFD9D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #927B7B 0%, #B8A7A7 50%, #DFD9D9 100%);
    background: -webkit-linear-gradient(top, #927B7B 0%, #B8A7A7 50%, #DFD9D9 100%);
    background: linear-gradient(to bottom, #927B7B 0%, #B8A7A7 50%, #DFD9D9 100%);
}
</style>