#DADCB4 - #9FAC5E | 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 #DADCB4 a #9FAC5E

#DADCB4 #9FAC5E

Calcule el color entre dos colores, #DADCB4 y #9FAC5E. 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)

#DADCB4 - #9FAC5E | 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 #DADCB4 como 0% y #9FAC5E como 100%.

0.0%	0.0% #DADCB4	RGB 218 220 180	#DADCB4
16.7%	16.7% #D0D4A5	RGB 208 212 165	#D0D4A5
33.3%	33.3% #C6CC97	RGB 198 204 151	#C6CC97
50.0%	50.0% #BCC489	RGB 188 196 137	#BCC489
66.7%	66.7% #B2BC7A	RGB 178 188 122	#B2BC7A
83.3%	83.3% #A8B46C	RGB 168 180 108	#A8B46C
100.0%	100.0% #9FAC5E	RGB 159 172 94	#9FAC5E

#DADCB4 #D0D4A5 #C6CC97 #BCC489 #B2BC7A #A8B46C #9FAC5E

#DADCB4 - #9FAC5E

Mezcla HSV

#DADCB4 - #9FAC5E | 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 #DADCB4 como 0% y #9FAC5E como 100%.

0.0%	0.0% #DADCB4	RGB 218 220 180	#DADCB4
16.7%	16.7% #D0D4A3	RGB 208 212 163	#D0D4A3
33.3%	33.3% #C7CC94	RGB 199 204 148	#C7CC94
50.0%	50.0% #BDC485	RGB 189 196 133	#BDC485
66.7%	66.7% #B3BC77	RGB 179 188 119	#B3BC77
83.3%	83.3% #A9B46A	RGB 169 180 106	#A9B46A
100.0%	100.0% #9FAC5E	RGB 159 172 94	#9FAC5E

#DADCB4 #D0D4A3 #C7CC94 #BDC485 #B3BC77 #A9B46A #9FAC5E

#DADCB4 - #BDC485 - #9FAC5E

Códigos CSS

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

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