#564650 - #CECACC | 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 #564650 a #CECACC

#564650 #CECACC

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

#564650 - #CECACC | 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 #564650 como 0% y #CECACC como 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #6A5C64	RGB 106 92 100	#6A5C64
33.3%	33.3% #7E7279	RGB 126 114 121	#7E7279
50.0%	50.0% #92888E	RGB 146 136 142	#92888E
66.7%	66.7% #A69EA2	RGB 166 158 162	#A69EA2
83.3%	83.3% #BAB4B7	RGB 186 180 183	#BAB4B7
100.0%	100.0% #CECACC	RGB 206 202 204	#CECACC

#564650 #6A5C64 #7E7279 #92888E #A69EA2 #BAB4B7 #CECACC

#564650 - #CECACC

Mezcla HSV

#564650 - #CECACC | 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 #564650 como 0% y #CECACC como 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #6A5963	RGB 106 89 99	#6A5963
33.3%	33.3% #7E6D77	RGB 126 109 119	#7E6D77
50.0%	50.0% #92838B	RGB 146 131 139	#92838B
66.7%	66.7% #A699A0	RGB 166 153 160	#A699A0
83.3%	83.3% #BAB1B5	RGB 186 177 181	#BAB1B5
100.0%	100.0% #CECACC	RGB 206 202 204	#CECACC

#564650 #6A5963 #7E6D77 #92838B #A699A0 #BAB1B5 #CECACC

#564650 - #92838B - #CECACC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #564650 0%, #92838B 50%, #CECACC 100%);
    background: -webkit-linear-gradient(top, #564650 0%, #92838B 50%, #CECACC 100%);
    background: linear-gradient(to bottom, #564650 0%, #92838B 50%, #CECACC 100%);
}
</style>