#C0ABC6 - #363038 | 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 #363038

#C0ABC6 #363038

Calcule el color entre dos colores, #C0ABC6 y #363038. 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 - #363038 | 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 #363038 como 100%.

0.0%	0.0% #C0ABC6	RGB 192 171 198	#C0ABC6
16.7%	16.7% #A996AE	RGB 169 150 174	#A996AE
33.3%	33.3% #928296	RGB 146 130 150	#928296
50.0%	50.0% #7B6D7F	RGB 123 109 127	#7B6D7F
66.7%	66.7% #645967	RGB 100 89 103	#645967
83.3%	83.3% #4D444F	RGB 77 68 79	#4D444F
100.0%	100.0% #363038	RGB 54 48 56	#363038

#C0ABC6 #A996AE #928296 #7B6D7F #645967 #4D444F #363038

#C0ABC6 - #363038

Mezcla HSV

#C0ABC6 - #363038 | 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 #363038 como 100%.

0.0%	0.0% #C0ABC6	RGB 192 171 198	#C0ABC6
16.7%	16.7% #A896AE	RGB 168 150 174	#A896AE
33.3%	33.3% #918196	RGB 145 129 150	#918196
50.0%	50.0% #7A6D7F	RGB 122 109 127	#7A6D7F
66.7%	66.7% #635867	RGB 99 88 103	#635867
83.3%	83.3% #4C444F	RGB 76 68 79	#4C444F
100.0%	100.0% #363038	RGB 54 48 56	#363038

#C0ABC6 #A896AE #918196 #7A6D7F #635867 #4C444F #363038

#C0ABC6 - #7A6D7F - #363038

Códigos CSS

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

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