#C0C1CD - #61778D | 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 #C0C1CD a #61778D

#C0C1CD #61778D

Calcule el color entre dos colores, #C0C1CD y #61778D. 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)

#C0C1CD - #61778D | 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 #C0C1CD como 0% y #61778D como 100%.

0.0%	0.0% #C0C1CD	RGB 192 193 205	#C0C1CD
16.7%	16.7% #B0B4C2	RGB 176 180 194	#B0B4C2
33.3%	33.3% #A0A8B7	RGB 160 168 183	#A0A8B7
50.0%	50.0% #909CAD	RGB 144 156 173	#909CAD
66.7%	66.7% #808FA2	RGB 128 143 162	#808FA2
83.3%	83.3% #708397	RGB 112 131 151	#708397
100.0%	100.0% #61778D	RGB 97 119 141	#61778D

#C0C1CD #B0B4C2 #A0A8B7 #909CAD #808FA2 #708397 #61778D

#C0C1CD - #61778D

Mezcla HSV

#C0C1CD - #61778D | 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 #C0C1CD como 0% y #61778D como 100%.

0.0%	0.0% #C0C1CD	RGB 192 193 205	#C0C1CD
16.7%	16.7% #ADB0C2	RGB 173 176 194	#ADB0C2
33.3%	33.3% #9CA2B7	RGB 156 162 183	#9CA2B7
50.0%	50.0% #8C95AD	RGB 140 149 173	#8C95AD
66.7%	66.7% #7D8AA2	RGB 125 138 162	#7D8AA2
83.3%	83.3% #6E8097	RGB 110 128 151	#6E8097
100.0%	100.0% #61778D	RGB 97 119 141	#61778D

#C0C1CD #ADB0C2 #9CA2B7 #8C95AD #7D8AA2 #6E8097 #61778D

#C0C1CD - #8C95AD - #61778D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C1CD 0%, #8C95AD 50%, #61778D 100%);
    background: -webkit-linear-gradient(top, #C0C1CD 0%, #8C95AD 50%, #61778D 100%);
    background: linear-gradient(to bottom, #C0C1CD 0%, #8C95AD 50%, #61778D 100%);
}
</style>