#717B7D - #D6D9D9 | 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 #717B7D a #D6D9D9

#717B7D #D6D9D9

Calcule el color entre dos colores, #717B7D y #D6D9D9. 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)

#717B7D - #D6D9D9 | 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 #717B7D como 0% y #D6D9D9 como 100%.

0.0%	0.0% #717B7D	RGB 113 123 125	#717B7D
16.7%	16.7% #818A8C	RGB 129 138 140	#818A8C
33.3%	33.3% #929A9B	RGB 146 154 155	#929A9B
50.0%	50.0% #A3AAAB	RGB 163 170 171	#A3AAAB
66.7%	66.7% #B4B9BA	RGB 180 185 186	#B4B9BA
83.3%	83.3% #C5C9C9	RGB 197 201 201	#C5C9C9
100.0%	100.0% #D6D9D9	RGB 214 217 217	#D6D9D9

#717B7D #818A8C #929A9B #A3AAAB #B4B9BA #C5C9C9 #D6D9D9

#717B7D - #D6D9D9

Mezcla HSV

#717B7D - #D6D9D9 | 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 #717B7D como 0% y #D6D9D9 como 100%.

0.0%	0.0% #717B7D	RGB 113 123 125	#717B7D
16.7%	16.7% #808A8C	RGB 128 138 140	#808A8C
33.3%	33.3% #909A9B	RGB 144 154 155	#909A9B
50.0%	50.0% #A1AAAB	RGB 161 170 171	#A1AAAB
66.7%	66.7% #B2B9BA	RGB 178 185 186	#B2B9BA
83.3%	83.3% #C4C9C9	RGB 196 201 201	#C4C9C9
100.0%	100.0% #D6D9D9	RGB 214 217 217	#D6D9D9

#717B7D #808A8C #909A9B #A1AAAB #B2B9BA #C4C9C9 #D6D9D9

#717B7D - #A1AAAB - #D6D9D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #717B7D 0%, #A1AAAB 50%, #D6D9D9 100%);
    background: -webkit-linear-gradient(top, #717B7D 0%, #A1AAAB 50%, #D6D9D9 100%);
    background: linear-gradient(to bottom, #717B7D 0%, #A1AAAB 50%, #D6D9D9 100%);
}
</style>