#BDB56C - #ECEAD5 | 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 #BDB56C a #ECEAD5

#BDB56C #ECEAD5

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

#BDB56C - #ECEAD5 | 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 #BDB56C como 0% y #ECEAD5 como 100%.

0.0%	0.0% #BDB56C	RGB 189 181 108	#BDB56C
16.7%	16.7% #C4BD7D	RGB 196 189 125	#C4BD7D
33.3%	33.3% #CCC68F	RGB 204 198 143	#CCC68F
50.0%	50.0% #D4CFA0	RGB 212 207 160	#D4CFA0
66.7%	66.7% #DCD8B2	RGB 220 216 178	#DCD8B2
83.3%	83.3% #E4E1C3	RGB 228 225 195	#E4E1C3
100.0%	100.0% #ECEAD5	RGB 236 234 213	#ECEAD5

#BDB56C #C4BD7D #CCC68F #D4CFA0 #DCD8B2 #E4E1C3 #ECEAD5

#BDB56C - #ECEAD5

Mezcla HSV

#BDB56C - #ECEAD5 | 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 #BDB56C como 0% y #ECEAD5 como 100%.

0.0%	0.0% #BDB56C	RGB 189 181 108	#BDB56C
16.7%	16.7% #C4BD7B	RGB 196 189 123	#C4BD7B
33.3%	33.3% #CCC68B	RGB 204 198 139	#CCC68B
50.0%	50.0% #D4CF9C	RGB 212 207 156	#D4CF9C
66.7%	66.7% #DCD8AE	RGB 220 216 174	#DCD8AE
83.3%	83.3% #E4E1C1	RGB 228 225 193	#E4E1C1
100.0%	100.0% #ECEAD5	RGB 236 234 213	#ECEAD5

#BDB56C #C4BD7B #CCC68B #D4CF9C #DCD8AE #E4E1C1 #ECEAD5

#BDB56C - #D4CF9C - #ECEAD5

Códigos CSS

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

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