#CAC8C5 - #393838 | 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 #CAC8C5 a #393838

#CAC8C5 #393838

Calcule el color entre dos colores, #CAC8C5 y #393838. 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)

#CAC8C5 - #393838 | 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 #CAC8C5 como 0% y #393838 como 100%.

0.0%	0.0% #CAC8C5	RGB 202 200 197	#CAC8C5
16.7%	16.7% #B1B0AD	RGB 177 176 173	#B1B0AD
33.3%	33.3% #999896	RGB 153 152 150	#999896
50.0%	50.0% #81807E	RGB 129 128 126	#81807E
66.7%	66.7% #696867	RGB 105 104 103	#696867
83.3%	83.3% #51504F	RGB 81 80 79	#51504F
100.0%	100.0% #393838	RGB 57 56 56	#393838

#CAC8C5 #B1B0AD #999896 #81807E #696867 #51504F #393838

#CAC8C5 - #393838

Mezcla HSV

#CAC8C5 - #393838 | 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 #CAC8C5 como 0% y #393838 como 100%.

0.0%	0.0% #CAC8C5	RGB 202 200 197	#CAC8C5
16.7%	16.7% #B1AFAD	RGB 177 175 173	#B1AFAD
33.3%	33.3% #999796	RGB 153 151 150	#999796
50.0%	50.0% #817F7E	RGB 129 127 126	#817F7E
66.7%	66.7% #696767	RGB 105 103 103	#696767
83.3%	83.3% #514F4F	RGB 81 79 79	#514F4F
100.0%	100.0% #393838	RGB 57 56 56	#393838

#CAC8C5 #B1AFAD #999796 #817F7E #696767 #514F4F #393838

#CAC8C5 - #817F7E - #393838

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC8C5 0%, #817F7E 50%, #393838 100%);
    background: -webkit-linear-gradient(top, #CAC8C5 0%, #817F7E 50%, #393838 100%);
    background: linear-gradient(to bottom, #CAC8C5 0%, #817F7E 50%, #393838 100%);
}
</style>