#565346 - #B68D70 | 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 #565346 a #B68D70

#565346 #B68D70

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

#565346 - #B68D70 | 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 #565346 como 0% y #B68D70 como 100%.

0.0%	0.0% #565346	RGB 86 83 70	#565346
16.7%	16.7% #665C4D	RGB 102 92 77	#665C4D
33.3%	33.3% #766654	RGB 118 102 84	#766654
50.0%	50.0% #86705B	RGB 134 112 91	#86705B
66.7%	66.7% #967962	RGB 150 121 98	#967962
83.3%	83.3% #A68369	RGB 166 131 105	#A68369
100.0%	100.0% #B68D70	RGB 182 141 112	#B68D70

#565346 #665C4D #766654 #86705B #967962 #A68369 #B68D70

#565346 - #B68D70

Mezcla HSV

#565346 - #B68D70 | 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 #565346 como 0% y #B68D70 como 100%.

0.0%	0.0% #565346	RGB 86 83 70	#565346
16.7%	16.7% #66604F	RGB 102 96 79	#66604F
33.3%	33.3% #766C58	RGB 118 108 88	#766C58
50.0%	50.0% #86775F	RGB 134 119 95	#86775F
66.7%	66.7% #968066	RGB 150 128 102	#968066
83.3%	83.3% #A6876B	RGB 166 135 107	#A6876B
100.0%	100.0% #B68D70	RGB 182 141 112	#B68D70

#565346 #66604F #766C58 #86775F #968066 #A6876B #B68D70

#565346 - #86775F - #B68D70

Códigos CSS

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

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