#DACAB3 - #BB8C5E | 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 #DACAB3 a #BB8C5E

#DACAB3 #BB8C5E

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

#DACAB3 - #BB8C5E | 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 #DACAB3 como 0% y #BB8C5E como 100%.

0.0%	0.0% #DACAB3	RGB 218 202 179	#DACAB3
16.7%	16.7% #D4BFA4	RGB 212 191 164	#D4BFA4
33.3%	33.3% #CFB596	RGB 207 181 150	#CFB596
50.0%	50.0% #CAAB88	RGB 202 171 136	#CAAB88
66.7%	66.7% #C5A07A	RGB 197 160 122	#C5A07A
83.3%	83.3% #C0966C	RGB 192 150 108	#C0966C
100.0%	100.0% #BB8C5E	RGB 187 140 94	#BB8C5E

#DACAB3 #D4BFA4 #CFB596 #CAAB88 #C5A07A #C0966C #BB8C5E

#DACAB3 - #BB8C5E

Mezcla HSV

#DACAB3 - #BB8C5E | 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 #DACAB3 como 0% y #BB8C5E como 100%.

0.0%	0.0% #DACAB3	RGB 218 202 179	#DACAB3
16.7%	16.7% #D4BFA3	RGB 212 191 163	#D4BFA3
33.3%	33.3% #CFB594	RGB 207 181 148	#CFB594
50.0%	50.0% #CAAB86	RGB 202 171 134	#CAAB86
66.7%	66.7% #C5A078	RGB 197 160 120	#C5A078
83.3%	83.3% #C0966A	RGB 192 150 106	#C0966A
100.0%	100.0% #BB8C5E	RGB 187 140 94	#BB8C5E

#DACAB3 #D4BFA3 #CFB594 #CAAB86 #C5A078 #C0966A #BB8C5E

#DACAB3 - #CAAB86 - #BB8C5E

Códigos CSS

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

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