#56534C - #CECDCB | 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 #56534C a #CECDCB

#56534C #CECDCB

Calcule el color entre dos colores, #56534C y #CECDCB. 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)

#56534C - #CECDCB | 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 #56534C como 0% y #CECDCB como 100%.

0.0%	0.0% #56534C	RGB 86 83 76	#56534C
16.7%	16.7% #6A6761	RGB 106 103 97	#6A6761
33.3%	33.3% #7E7B76	RGB 126 123 118	#7E7B76
50.0%	50.0% #92908B	RGB 146 144 139	#92908B
66.7%	66.7% #A6A4A0	RGB 166 164 160	#A6A4A0
83.3%	83.3% #BAB8B5	RGB 186 184 181	#BAB8B5
100.0%	100.0% #CECDCB	RGB 206 205 203	#CECDCB

#56534C #6A6761 #7E7B76 #92908B #A6A4A0 #BAB8B5 #CECDCB

#56534C - #CECDCB

Mezcla HSV

#56534C - #CECDCB | 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 #56534C como 0% y #CECDCB como 100%.

0.0%	0.0% #56534C	RGB 86 83 76	#56534C
16.7%	16.7% #6A665F	RGB 106 102 95	#6A665F
33.3%	33.3% #7E7A73	RGB 126 122 115	#7E7A73
50.0%	50.0% #928E88	RGB 146 142 136	#928E88
66.7%	66.7% #A6A39D	RGB 166 163 157	#A6A39D
83.3%	83.3% #BAB8B4	RGB 186 184 180	#BAB8B4
100.0%	100.0% #CECDCB	RGB 206 205 203	#CECDCB

#56534C #6A665F #7E7A73 #928E88 #A6A39D #BAB8B4 #CECDCB

#56534C - #928E88 - #CECDCB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56534C 0%, #928E88 50%, #CECDCB 100%);
    background: -webkit-linear-gradient(top, #56534C 0%, #928E88 50%, #CECDCB 100%);
    background: linear-gradient(to bottom, #56534C 0%, #928E88 50%, #CECDCB 100%);
}
</style>