#565446 - #CD9C68 | 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 #565446 a #CD9C68

#565446 #CD9C68

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

#565446 - #CD9C68 | 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 #565446 como 0% y #CD9C68 como 100%.

0.0%	0.0% #565446	RGB 86 84 70	#565446
16.7%	16.7% #69604B	RGB 105 96 75	#69604B
33.3%	33.3% #7D6C51	RGB 125 108 81	#7D6C51
50.0%	50.0% #917857	RGB 145 120 87	#917857
66.7%	66.7% #A5845C	RGB 165 132 92	#A5845C
83.3%	83.3% #B99062	RGB 185 144 98	#B99062
100.0%	100.0% #CD9C68	RGB 205 156 104	#CD9C68

#565446 #69604B #7D6C51 #917857 #A5845C #B99062 #CD9C68

#565446 - #CD9C68

Mezcla HSV

#565446 - #CD9C68 | 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 #565446 como 0% y #CD9C68 como 100%.

0.0%	0.0% #565446	RGB 86 84 70	#565446
16.7%	16.7% #696550	RGB 105 101 80	#696550
33.3%	33.3% #7D7459	RGB 125 116 89	#7D7459
50.0%	50.0% #918260	RGB 145 130 96	#918260
66.7%	66.7% #A58D64	RGB 165 141 100	#A58D64
83.3%	83.3% #B99667	RGB 185 150 103	#B99667
100.0%	100.0% #CD9C68	RGB 205 156 104	#CD9C68

#565446 #696550 #7D7459 #918260 #A58D64 #B99667 #CD9C68

#565446 - #918260 - #CD9C68

Códigos CSS

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

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