#C0BAC6 - #9266AF | 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 #C0BAC6 a #9266AF

#C0BAC6 #9266AF

Calcule el color entre dos colores, #C0BAC6 y #9266AF. 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)

#C0BAC6 - #9266AF | 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 #C0BAC6 como 0% y #9266AF como 100%.

0.0%	0.0% #C0BAC6	RGB 192 186 198	#C0BAC6
16.7%	16.7% #B8ACC2	RGB 184 172 194	#B8ACC2
33.3%	33.3% #B09EBE	RGB 176 158 190	#B09EBE
50.0%	50.0% #A990BA	RGB 169 144 186	#A990BA
66.7%	66.7% #A182B6	RGB 161 130 182	#A182B6
83.3%	83.3% #9974B2	RGB 153 116 178	#9974B2
100.0%	100.0% #9266AF	RGB 146 102 175	#9266AF

#C0BAC6 #B8ACC2 #B09EBE #A990BA #A182B6 #9974B2 #9266AF

#C0BAC6 - #9266AF

Mezcla HSV

#C0BAC6 - #9266AF | 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 #C0BAC6 como 0% y #9266AF como 100%.

0.0%	0.0% #C0BAC6	RGB 192 186 198	#C0BAC6
16.7%	16.7% #B6AAC2	RGB 182 170 194	#B6AAC2
33.3%	33.3% #AE9CBE	RGB 174 156 190	#AE9CBE
50.0%	50.0% #A68DBA	RGB 166 141 186	#A68DBA
66.7%	66.7% #9F80B6	RGB 159 128 182	#9F80B6
83.3%	83.3% #9872B2	RGB 152 114 178	#9872B2
100.0%	100.0% #9266AF	RGB 146 102 175	#9266AF

#C0BAC6 #B6AAC2 #AE9CBE #A68DBA #9F80B6 #9872B2 #9266AF

#C0BAC6 - #A68DBA - #9266AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0BAC6 0%, #A68DBA 50%, #9266AF 100%);
    background: -webkit-linear-gradient(top, #C0BAC6 0%, #A68DBA 50%, #9266AF 100%);
    background: linear-gradient(to bottom, #C0BAC6 0%, #A68DBA 50%, #9266AF 100%);
}
</style>