#7C7E71 - #D9DAD6 | 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 #7C7E71 a #D9DAD6

#7C7E71 #D9DAD6

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

#7C7E71 - #D9DAD6 | 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 #7C7E71 como 0% y #D9DAD6 como 100%.

0.0%	0.0% #7C7E71	RGB 124 126 113	#7C7E71
16.7%	16.7% #8B8D81	RGB 139 141 129	#8B8D81
33.3%	33.3% #9B9C92	RGB 155 156 146	#9B9C92
50.0%	50.0% #AAACA3	RGB 170 172 163	#AAACA3
66.7%	66.7% #BABBB4	RGB 186 187 180	#BABBB4
83.3%	83.3% #C9CAC5	RGB 201 202 197	#C9CAC5
100.0%	100.0% #D9DAD6	RGB 217 218 214	#D9DAD6

#7C7E71 #8B8D81 #9B9C92 #AAACA3 #BABBB4 #C9CAC5 #D9DAD6

#7C7E71 - #D9DAD6

Mezcla HSV

#7C7E71 - #D9DAD6 | 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 #7C7E71 como 0% y #D9DAD6 como 100%.

0.0%	0.0% #7C7E71	RGB 124 126 113	#7C7E71
16.7%	16.7% #8B8D80	RGB 139 141 128	#8B8D80
33.3%	33.3% #9A9C90	RGB 154 156 144	#9A9C90
50.0%	50.0% #A9ACA1	RGB 169 172 161	#A9ACA1
66.7%	66.7% #B9BBB2	RGB 185 187 178	#B9BBB2
83.3%	83.3% #C9CAC4	RGB 201 202 196	#C9CAC4
100.0%	100.0% #D9DAD6	RGB 217 218 214	#D9DAD6

#7C7E71 #8B8D80 #9A9C90 #A9ACA1 #B9BBB2 #C9CAC4 #D9DAD6

#7C7E71 - #A9ACA1 - #D9DAD6

Códigos CSS

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

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