#7F8082 - #D5BA9A | 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 #7F8082 a #D5BA9A

#7F8082 #D5BA9A

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

#7F8082 - #D5BA9A | 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 #7F8082 como 0% y #D5BA9A como 100%.

0.0%	0.0% #7F8082	RGB 127 128 130	#7F8082
16.7%	16.7% #8D8986	RGB 141 137 134	#8D8986
33.3%	33.3% #9B938A	RGB 155 147 138	#9B938A
50.0%	50.0% #AA9D8E	RGB 170 157 142	#AA9D8E
66.7%	66.7% #B8A692	RGB 184 166 146	#B8A692
83.3%	83.3% #C6B096	RGB 198 176 150	#C6B096
100.0%	100.0% #D5BA9A	RGB 213 186 154	#D5BA9A

#7F8082 #8D8986 #9B938A #AA9D8E #B8A692 #C6B096 #D5BA9A

#7F8082 - #D5BA9A

Mezcla HSV

#7F8082 - #D5BA9A | 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 #7F8082 como 0% y #D5BA9A como 100%.

0.0%	0.0% #7F8082	RGB 127 128 130	#7F8082
16.7%	16.7% #87868F	RGB 135 134 143	#87868F
33.3%	33.3% #978C9D	RGB 151 140 157	#978C9D
50.0%	50.0% #AB91A8	RGB 171 145 168	#AB91A8
66.7%	66.7% #B995A4	RGB 185 149 164	#B995A4
83.3%	83.3% #C79B98	RGB 199 155 152	#C79B98
100.0%	100.0% #D5BA9A	RGB 213 186 154	#D5BA9A

#7F8082 #87868F #978C9D #AB91A8 #B995A4 #C79B98 #D5BA9A

#7F8082 - #AB91A8 - #D5BA9A

Códigos CSS

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

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