#7A8486 - #D9DBDC | 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 #7A8486 a #D9DBDC

#7A8486 #D9DBDC

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

#7A8486 - #D9DBDC | 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 #7A8486 como 0% y #D9DBDC como 100%.

0.0%	0.0% #7A8486	RGB 122 132 134	#7A8486
16.7%	16.7% #899294	RGB 137 146 148	#899294
33.3%	33.3% #99A1A2	RGB 153 161 162	#99A1A2
50.0%	50.0% #A9AFB1	RGB 169 175 177	#A9AFB1
66.7%	66.7% #B9BEBF	RGB 185 190 191	#B9BEBF
83.3%	83.3% #C9CCCD	RGB 201 204 205	#C9CCCD
100.0%	100.0% #D9DBDC	RGB 217 219 220	#D9DBDC

#7A8486 #899294 #99A1A2 #A9AFB1 #B9BEBF #C9CCCD #D9DBDC

#7A8486 - #D9DBDC

Mezcla HSV

#7A8486 - #D9DBDC | 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 #7A8486 como 0% y #D9DBDC como 100%.

0.0%	0.0% #7A8486	RGB 122 132 134	#7A8486
16.7%	16.7% #889294	RGB 136 146 148	#889294
33.3%	33.3% #98A0A2	RGB 152 160 162	#98A0A2
50.0%	50.0% #A7AEB1	RGB 167 174 177	#A7AEB1
66.7%	66.7% #B7BDBF	RGB 183 189 191	#B7BDBF
83.3%	83.3% #C8CCCD	RGB 200 204 205	#C8CCCD
100.0%	100.0% #D9DBDC	RGB 217 219 220	#D9DBDC

#7A8486 #889294 #98A0A2 #A7AEB1 #B7BDBF #C8CCCD #D9DBDC

#7A8486 - #A7AEB1 - #D9DBDC

Códigos CSS

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

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