#81837D - #DAC89B | 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 #81837D a #DAC89B

#81837D #DAC89B

Calcule el color entre dos colores, #81837D y #DAC89B. 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)

#81837D - #DAC89B | 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 #81837D como 0% y #DAC89B como 100%.

0.0%	0.0% #81837D	RGB 129 131 125	#81837D
16.7%	16.7% #8F8E82	RGB 143 142 130	#8F8E82
33.3%	33.3% #9E9A87	RGB 158 154 135	#9E9A87
50.0%	50.0% #ADA58C	RGB 173 165 140	#ADA58C
66.7%	66.7% #BCB191	RGB 188 177 145	#BCB191
83.3%	83.3% #CBBC96	RGB 203 188 150	#CBBC96
100.0%	100.0% #DAC89B	RGB 218 200 155	#DAC89B

#81837D #8F8E82 #9E9A87 #ADA58C #BCB191 #CBBC96 #DAC89B

#81837D - #DAC89B

Mezcla HSV

#81837D - #DAC89B | 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 #81837D como 0% y #DAC89B como 100%.

0.0%	0.0% #81837D	RGB 129 131 125	#81837D
16.7%	16.7% #8E9184	RGB 142 145 132	#8E9184
33.3%	33.3% #9DA08B	RGB 157 160 139	#9DA08B
50.0%	50.0% #ADAE91	RGB 173 174 145	#ADAE91
66.7%	66.7% #BDB995	RGB 189 185 149	#BDB995
83.3%	83.3% #CBC298	RGB 203 194 152	#CBC298
100.0%	100.0% #DAC89B	RGB 218 200 155	#DAC89B

#81837D #8E9184 #9DA08B #ADAE91 #BDB995 #CBC298 #DAC89B

#81837D - #ADAE91 - #DAC89B

Códigos CSS

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

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