#C0ABC6 - #6C527E | 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 #C0ABC6 a #6C527E

#C0ABC6 #6C527E

Calcule el color entre dos colores, #C0ABC6 y #6C527E. 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)

#C0ABC6 - #6C527E | 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 #C0ABC6 como 0% y #6C527E como 100%.

0.0%	0.0% #C0ABC6	RGB 192 171 198	#C0ABC6
16.7%	16.7% #B29CBA	RGB 178 156 186	#B29CBA
33.3%	33.3% #A48DAE	RGB 164 141 174	#A48DAE
50.0%	50.0% #967EA2	RGB 150 126 162	#967EA2
66.7%	66.7% #886F96	RGB 136 111 150	#886F96
83.3%	83.3% #7A608A	RGB 122 96 138	#7A608A
100.0%	100.0% #6C527E	RGB 108 82 126	#6C527E

#C0ABC6 #B29CBA #A48DAE #967EA2 #886F96 #7A608A #6C527E

#C0ABC6 - #6C527E

Mezcla HSV

#C0ABC6 - #6C527E | 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 #C0ABC6 como 0% y #6C527E como 100%.

0.0%	0.0% #C0ABC6	RGB 192 171 198	#C0ABC6
16.7%	16.7% #B19ABA	RGB 177 154 186	#B19ABA
33.3%	33.3% #A389AE	RGB 163 137 174	#A389AE
50.0%	50.0% #957AA2	RGB 149 122 162	#957AA2
66.7%	66.7% #876C96	RGB 135 108 150	#876C96
83.3%	83.3% #795E8A	RGB 121 94 138	#795E8A
100.0%	100.0% #6C527E	RGB 108 82 126	#6C527E

#C0ABC6 #B19ABA #A389AE #957AA2 #876C96 #795E8A #6C527E

#C0ABC6 - #957AA2 - #6C527E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0ABC6 0%, #957AA2 50%, #6C527E 100%);
    background: -webkit-linear-gradient(top, #C0ABC6 0%, #957AA2 50%, #6C527E 100%);
    background: linear-gradient(to bottom, #C0ABC6 0%, #957AA2 50%, #6C527E 100%);
}
</style>