#78829B - #D8DBE2 | 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 #78829B a #D8DBE2

#78829B #D8DBE2

Calcule el color entre dos colores, #78829B y #D8DBE2. 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)

#78829B - #D8DBE2 | 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 #78829B como 0% y #D8DBE2 como 100%.

0.0%	0.0% #78829B	RGB 120 130 155	#78829B
16.7%	16.7% #8890A6	RGB 136 144 166	#8890A6
33.3%	33.3% #989FB2	RGB 152 159 178	#989FB2
50.0%	50.0% #A8AEBE	RGB 168 174 190	#A8AEBE
66.7%	66.7% #B8BDCA	RGB 184 189 202	#B8BDCA
83.3%	83.3% #C8CCD6	RGB 200 204 214	#C8CCD6
100.0%	100.0% #D8DBE2	RGB 216 219 226	#D8DBE2

#78829B #8890A6 #989FB2 #A8AEBE #B8BDCA #C8CCD6 #D8DBE2

#78829B - #D8DBE2

Mezcla HSV

#78829B - #D8DBE2 | 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 #78829B como 0% y #D8DBE2 como 100%.

0.0%	0.0% #78829B	RGB 120 130 155	#78829B
16.7%	16.7% #868FA6	RGB 134 143 166	#868FA6
33.3%	33.3% #959DB2	RGB 149 157 178	#959DB2
50.0%	50.0% #A4ACBE	RGB 164 172 190	#A4ACBE
66.7%	66.7% #B5BBCA	RGB 181 187 202	#B5BBCA
83.3%	83.3% #C6CAD6	RGB 198 202 214	#C6CAD6
100.0%	100.0% #D8DBE2	RGB 216 219 226	#D8DBE2

#78829B #868FA6 #959DB2 #A4ACBE #B5BBCA #C6CAD6 #D8DBE2

#78829B - #A4ACBE - #D8DBE2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78829B 0%, #A4ACBE 50%, #D8DBE2 100%);
    background: -webkit-linear-gradient(top, #78829B 0%, #A4ACBE 50%, #D8DBE2 100%);
    background: linear-gradient(to bottom, #78829B 0%, #A4ACBE 50%, #D8DBE2 100%);
}
</style>