#78706C - #EDBA8F | 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 #78706C a #EDBA8F

#78706C #EDBA8F

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

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

0.0%	0.0% #78706C	RGB 120 112 108	#78706C
16.7%	16.7% #8B7C71	RGB 139 124 113	#8B7C71
33.3%	33.3% #9F8877	RGB 159 136 119	#9F8877
50.0%	50.0% #B2957D	RGB 178 149 125	#B2957D
66.7%	66.7% #C6A183	RGB 198 161 131	#C6A183
83.3%	83.3% #D9AD89	RGB 217 173 137	#D9AD89
100.0%	100.0% #EDBA8F	RGB 237 186 143	#EDBA8F

#78706C #8B7C71 #9F8877 #B2957D #C6A183 #D9AD89 #EDBA8F

#78706C - #EDBA8F

Mezcla HSV

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

0.0%	0.0% #78706C	RGB 120 112 108	#78706C
16.7%	16.7% #8B7E76	RGB 139 126 118	#8B7E76
33.3%	33.3% #9F8B7F	RGB 159 139 127	#9F8B7F
50.0%	50.0% #B29786	RGB 178 151 134	#B29786
66.7%	66.7% #C6A38B	RGB 198 163 139	#C6A38B
83.3%	83.3% #D9AE8D	RGB 217 174 141	#D9AE8D
100.0%	100.0% #EDBA8F	RGB 237 186 143	#EDBA8F

#78706C #8B7E76 #9F8B7F #B29786 #C6A38B #D9AE8D #EDBA8F

#78706C - #B29786 - #EDBA8F

Códigos CSS

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

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