#7D8A8F - #DAC5AB | 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 #7D8A8F a #DAC5AB

#7D8A8F #DAC5AB

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

#7D8A8F - #DAC5AB | 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 #7D8A8F como 0% y #DAC5AB como 100%.

0.0%	0.0% #7D8A8F	RGB 125 138 143	#7D8A8F
16.7%	16.7% #8C9393	RGB 140 147 147	#8C9393
33.3%	33.3% #9C9D98	RGB 156 157 152	#9C9D98
50.0%	50.0% #ABA79D	RGB 171 167 157	#ABA79D
66.7%	66.7% #BBB1A1	RGB 187 177 161	#BBB1A1
83.3%	83.3% #CABBA6	RGB 202 187 166	#CABBA6
100.0%	100.0% #DAC5AB	RGB 218 197 171	#DAC5AB

#7D8A8F #8C9393 #9C9D98 #ABA79D #BBB1A1 #CABBA6 #DAC5AB

#7D8A8F - #DAC5AB

Mezcla HSV

#7D8A8F - #DAC5AB | 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 #7D8A8F como 0% y #DAC5AB como 100%.

0.0%	0.0% #7D8A8F	RGB 125 138 143	#7D8A8F
16.7%	16.7% #859B97	RGB 133 155 151	#859B97
33.3%	33.3% #8DA897	RGB 141 168 151	#8DA897
50.0%	50.0% #98B495	RGB 152 180 149	#98B495
66.7%	66.7% #B0C19D	RGB 176 193 157	#B0C19D
83.3%	83.3% #CDCDA4	RGB 205 205 164	#CDCDA4
100.0%	100.0% #DAC5AB	RGB 218 197 171	#DAC5AB

#7D8A8F #859B97 #8DA897 #98B495 #B0C19D #CDCDA4 #DAC5AB

#7D8A8F - #98B495 - #DAC5AB

Códigos CSS

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

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