#ECE5DB - #D0AF8D | 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 #ECE5DB a #D0AF8D

#ECE5DB #D0AF8D

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

#ECE5DB - #D0AF8D | 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 #ECE5DB como 0% y #D0AF8D como 100%.

0.0%	0.0% #ECE5DB	RGB 236 229 219	#ECE5DB
16.7%	16.7% #E7DCCE	RGB 231 220 206	#E7DCCE
33.3%	33.3% #E2D3C1	RGB 226 211 193	#E2D3C1
50.0%	50.0% #DECAB4	RGB 222 202 180	#DECAB4
66.7%	66.7% #D9C1A7	RGB 217 193 167	#D9C1A7
83.3%	83.3% #D4B89A	RGB 212 184 154	#D4B89A
100.0%	100.0% #D0AF8D	RGB 208 175 141	#D0AF8D

#ECE5DB #E7DCCE #E2D3C1 #DECAB4 #D9C1A7 #D4B89A #D0AF8D

#ECE5DB - #D0AF8D

Mezcla HSV

#ECE5DB - #D0AF8D | 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 #ECE5DB como 0% y #D0AF8D como 100%.

0.0%	0.0% #ECE5DB	RGB 236 229 219	#ECE5DB
16.7%	16.7% #E7DCCD	RGB 231 220 205	#E7DCCD
33.3%	33.3% #E2D3BF	RGB 226 211 191	#E2D3BF
50.0%	50.0% #DECAB2	RGB 222 202 178	#DECAB2
66.7%	66.7% #D9C1A5	RGB 217 193 165	#D9C1A5
83.3%	83.3% #D4B899	RGB 212 184 153	#D4B899
100.0%	100.0% #D0AF8D	RGB 208 175 141	#D0AF8D

#ECE5DB #E7DCCD #E2D3BF #DECAB2 #D9C1A5 #D4B899 #D0AF8D

#ECE5DB - #DECAB2 - #D0AF8D

Códigos CSS

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

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