#C2C0CD - #61698D | 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 #C2C0CD a #61698D

#C2C0CD #61698D

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

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

0.0%	0.0% #C2C0CD	RGB 194 192 205	#C2C0CD
16.7%	16.7% #B1B1C2	RGB 177 177 194	#B1B1C2
33.3%	33.3% #A1A3B7	RGB 161 163 183	#A1A3B7
50.0%	50.0% #9194AD	RGB 145 148 173	#9194AD
66.7%	66.7% #8186A2	RGB 129 134 162	#8186A2
83.3%	83.3% #717797	RGB 113 119 151	#717797
100.0%	100.0% #61698D	RGB 97 105 141	#61698D

#C2C0CD #B1B1C2 #A1A3B7 #9194AD #8186A2 #717797 #61698D

#C2C0CD - #61698D

Mezcla HSV

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

0.0%	0.0% #C2C0CD	RGB 194 192 205	#C2C0CD
16.7%	16.7% #AFADC2	RGB 175 173 194	#AFADC2
33.3%	33.3% #9D9CB7	RGB 157 156 183	#9D9CB7
50.0%	50.0% #8C8CAD	RGB 140 140 173	#8C8CAD
66.7%	66.7% #7D7FA2	RGB 125 127 162	#7D7FA2
83.3%	83.3% #6E7397	RGB 110 115 151	#6E7397
100.0%	100.0% #61698D	RGB 97 105 141	#61698D

#C2C0CD #AFADC2 #9D9CB7 #8C8CAD #7D7FA2 #6E7397 #61698D

#C2C0CD - #8C8CAD - #61698D

Códigos CSS

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

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