#56533F - #CD9A60 | 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 #56533F a #CD9A60

#56533F #CD9A60

Calcule el color entre dos colores, #56533F y #CD9A60. 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)

#56533F - #CD9A60 | 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 #56533F como 0% y #CD9A60 como 100%.

0.0%	0.0% #56533F	RGB 86 83 63	#56533F
16.7%	16.7% #695E44	RGB 105 94 68	#695E44
33.3%	33.3% #7D6A4A	RGB 125 106 74	#7D6A4A
50.0%	50.0% #91764F	RGB 145 118 79	#91764F
66.7%	66.7% #A58255	RGB 165 130 85	#A58255
83.3%	83.3% #B98E5A	RGB 185 142 90	#B98E5A
100.0%	100.0% #CD9A60	RGB 205 154 96	#CD9A60

#56533F #695E44 #7D6A4A #91764F #A58255 #B98E5A #CD9A60

#56533F - #CD9A60

Mezcla HSV

#56533F - #CD9A60 | 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 #56533F como 0% y #CD9A60 como 100%.

0.0%	0.0% #56533F	RGB 86 83 63	#56533F
16.7%	16.7% #696348	RGB 105 99 72	#696348
33.3%	33.3% #7D7250	RGB 125 114 80	#7D7250
50.0%	50.0% #918057	RGB 145 128 87	#918057
66.7%	66.7% #A58B5B	RGB 165 139 91	#A58B5B
83.3%	83.3% #B9935E	RGB 185 147 94	#B9935E
100.0%	100.0% #CD9A60	RGB 205 154 96	#CD9A60

#56533F #696348 #7D7250 #918057 #A58B5B #B9935E #CD9A60

#56533F - #918057 - #CD9A60

Códigos CSS

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

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