#676A56 - #CDB47D | 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 #676A56 a #CDB47D

#676A56 #CDB47D

Calcule el color entre dos colores, #676A56 y #CDB47D. 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)

#676A56 - #CDB47D | 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 #676A56 como 0% y #CDB47D como 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #78765C	RGB 120 118 92	#78765C
33.3%	33.3% #898263	RGB 137 130 99	#898263
50.0%	50.0% #9A8F69	RGB 154 143 105	#9A8F69
66.7%	66.7% #AB9B70	RGB 171 155 112	#AB9B70
83.3%	83.3% #BCA776	RGB 188 167 118	#BCA776
100.0%	100.0% #CDB47D	RGB 205 180 125	#CDB47D

#676A56 #78765C #898263 #9A8F69 #AB9B70 #BCA776 #CDB47D

#676A56 - #CDB47D

Mezcla HSV

#676A56 - #CDB47D | 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 #676A56 como 0% y #CDB47D como 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #787A5F	RGB 120 122 95	#787A5F
33.3%	33.3% #8B8A67	RGB 139 138 103	#8B8A67
50.0%	50.0% #9B976E	RGB 155 151 110	#9B976E
66.7%	66.7% #ACA374	RGB 172 163 116	#ACA374
83.3%	83.3% #BCAC79	RGB 188 172 121	#BCAC79
100.0%	100.0% #CDB47D	RGB 205 180 125	#CDB47D

#676A56 #787A5F #8B8A67 #9B976E #ACA374 #BCAC79 #CDB47D

#676A56 - #9B976E - #CDB47D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676A56 0%, #9B976E 50%, #CDB47D 100%);
    background: -webkit-linear-gradient(top, #676A56 0%, #9B976E 50%, #CDB47D 100%);
    background: linear-gradient(to bottom, #676A56 0%, #9B976E 50%, #CDB47D 100%);
}
</style>