#ECE4D6 - #43413D | 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 #ECE4D6 a #43413D

#ECE4D6 #43413D

Calcule el color entre dos colores, #ECE4D6 y #43413D. 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)

#ECE4D6 - #43413D | 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 #ECE4D6 como 0% y #43413D como 100%.

0.0%	0.0% #ECE4D6	RGB 236 228 214	#ECE4D6
16.7%	16.7% #CFC8BC	RGB 207 200 188	#CFC8BC
33.3%	33.3% #B3ADA3	RGB 179 173 163	#B3ADA3
50.0%	50.0% #979289	RGB 151 146 137	#979289
66.7%	66.7% #7B7770	RGB 123 119 112	#7B7770
83.3%	83.3% #5F5C56	RGB 95 92 86	#5F5C56
100.0%	100.0% #43413D	RGB 67 65 61	#43413D

#ECE4D6 #CFC8BC #B3ADA3 #979289 #7B7770 #5F5C56 #43413D

#ECE4D6 - #43413D

Mezcla HSV

#ECE4D6 - #43413D | 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 #ECE4D6 como 0% y #43413D como 100%.

0.0%	0.0% #ECE4D6	RGB 236 228 214	#ECE4D6
16.7%	16.7% #CFC8BC	RGB 207 200 188	#CFC8BC
33.3%	33.3% #B3ADA3	RGB 179 173 163	#B3ADA3
50.0%	50.0% #979289	RGB 151 146 137	#979289
66.7%	66.7% #7B7770	RGB 123 119 112	#7B7770
83.3%	83.3% #5F5C56	RGB 95 92 86	#5F5C56
100.0%	100.0% #43413D	RGB 67 65 61	#43413D

#ECE4D6 #CFC8BC #B3ADA3 #979289 #7B7770 #5F5C56 #43413D

#ECE4D6 - #979289 - #43413D

Códigos CSS

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

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