#7D8F8C - #95FBD0 | 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 #7D8F8C a #95FBD0

#7D8F8C #95FBD0

Calcule el color entre dos colores, #7D8F8C y #95FBD0. 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)

#7D8F8C - #95FBD0 | 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 #7D8F8C como 0% y #95FBD0 como 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #81A197	RGB 129 161 151	#81A197
33.3%	33.3% #85B3A2	RGB 133 179 162	#85B3A2
50.0%	50.0% #89C5AE	RGB 137 197 174	#89C5AE
66.7%	66.7% #8DD7B9	RGB 141 215 185	#8DD7B9
83.3%	83.3% #91E9C4	RGB 145 233 196	#91E9C4
100.0%	100.0% #95FBD0	RGB 149 251 208	#95FBD0

#7D8F8C #81A197 #85B3A2 #89C5AE #8DD7B9 #91E9C4 #95FBD0

#7D8F8C - #95FBD0

Mezcla HSV

#7D8F8C - #95FBD0 | 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 #7D8F8C como 0% y #95FBD0 como 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #85A19B	RGB 133 161 155	#85A19B
33.3%	33.3% #8BB3A9	RGB 139 179 169	#8BB3A9
50.0%	50.0% #90C5B5	RGB 144 197 181	#90C5B5
66.7%	66.7% #93D7C0	RGB 147 215 192	#93D7C0
83.3%	83.3% #95E9C9	RGB 149 233 201	#95E9C9
100.0%	100.0% #95FBD0	RGB 149 251 208	#95FBD0

#7D8F8C #85A19B #8BB3A9 #90C5B5 #93D7C0 #95E9C9 #95FBD0

#7D8F8C - #90C5B5 - #95FBD0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D8F8C 0%, #90C5B5 50%, #95FBD0 100%);
    background: -webkit-linear-gradient(top, #7D8F8C 0%, #90C5B5 50%, #95FBD0 100%);
    background: linear-gradient(to bottom, #7D8F8C 0%, #90C5B5 50%, #95FBD0 100%);
}
</style>