#7A8A8C - #DBC6AB | 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 #7A8A8C a #DBC6AB

#7A8A8C #DBC6AB

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

#7A8A8C - #DBC6AB | 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 #7A8A8C como 0% y #DBC6AB como 100%.

0.0%	0.0% #7A8A8C	RGB 122 138 140	#7A8A8C
16.7%	16.7% #8A9491	RGB 138 148 145	#8A9491
33.3%	33.3% #9A9E96	RGB 154 158 150	#9A9E96
50.0%	50.0% #AAA89B	RGB 170 168 155	#AAA89B
66.7%	66.7% #BAB2A0	RGB 186 178 160	#BAB2A0
83.3%	83.3% #CABCA5	RGB 202 188 165	#CABCA5
100.0%	100.0% #DBC6AB	RGB 219 198 171	#DBC6AB

#7A8A8C #8A9491 #9A9E96 #AAA89B #BAB2A0 #CABCA5 #DBC6AB

#7A8A8C - #DBC6AB

Mezcla HSV

#7A8A8C - #DBC6AB | 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 #7A8A8C como 0% y #DBC6AB como 100%.

0.0%	0.0% #7A8A8C	RGB 122 138 140	#7A8A8C
16.7%	16.7% #839992	RGB 131 153 146	#839992
33.3%	33.3% #8BA692	RGB 139 166 146	#8BA692
50.0%	50.0% #99B394	RGB 153 179 148	#99B394
66.7%	66.7% #B1C09C	RGB 177 192 156	#B1C09C
83.3%	83.3% #CDCDA3	RGB 205 205 163	#CDCDA3
100.0%	100.0% #DBC6AB	RGB 219 198 171	#DBC6AB

#7A8A8C #839992 #8BA692 #99B394 #B1C09C #CDCDA3 #DBC6AB

#7A8A8C - #99B394 - #DBC6AB

Códigos CSS

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

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