#ADBA92 - #E7EBDF | 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 #ADBA92 a #E7EBDF

#ADBA92 #E7EBDF

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

#ADBA92 - #E7EBDF | 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 #ADBA92 como 0% y #E7EBDF como 100%.

0.0%	0.0% #ADBA92	RGB 173 186 146	#ADBA92
16.7%	16.7% #B6C29E	RGB 182 194 158	#B6C29E
33.3%	33.3% #C0CAAB	RGB 192 202 171	#C0CAAB
50.0%	50.0% #CAD2B8	RGB 202 210 184	#CAD2B8
66.7%	66.7% #D3DAC5	RGB 211 218 197	#D3DAC5
83.3%	83.3% #DDE2D2	RGB 221 226 210	#DDE2D2
100.0%	100.0% #E7EBDF	RGB 231 235 223	#E7EBDF

#ADBA92 #B6C29E #C0CAAB #CAD2B8 #D3DAC5 #DDE2D2 #E7EBDF

#ADBA92 - #E7EBDF

Mezcla HSV

#ADBA92 - #E7EBDF | 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 #ADBA92 como 0% y #E7EBDF como 100%.

0.0%	0.0% #ADBA92	RGB 173 186 146	#ADBA92
16.7%	16.7% #B6C29D	RGB 182 194 157	#B6C29D
33.3%	33.3% #BFCAA9	RGB 191 202 169	#BFCAA9
50.0%	50.0% #C9D2B6	RGB 201 210 182	#C9D2B6
66.7%	66.7% #D3DAC3	RGB 211 218 195	#D3DAC3
83.3%	83.3% #DCE2D1	RGB 220 226 209	#DCE2D1
100.0%	100.0% #E7EBDF	RGB 231 235 223	#E7EBDF

#ADBA92 #B6C29D #BFCAA9 #C9D2B6 #D3DAC3 #DCE2D1 #E7EBDF

#ADBA92 - #C9D2B6 - #E7EBDF

Códigos CSS

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

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