#EBDFDA - #433F3E | 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 #EBDFDA a #433F3E

#EBDFDA #433F3E

Calcule el color entre dos colores, #EBDFDA y #433F3E. 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)

#EBDFDA - #433F3E | 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 #EBDFDA como 0% y #433F3E como 100%.

0.0%	0.0% #EBDFDA	RGB 235 223 218	#EBDFDA
16.7%	16.7% #CFC4C0	RGB 207 196 192	#CFC4C0
33.3%	33.3% #B3A9A6	RGB 179 169 166	#B3A9A6
50.0%	50.0% #978F8C	RGB 151 143 140	#978F8C
66.7%	66.7% #7B7472	RGB 123 116 114	#7B7472
83.3%	83.3% #5F5958	RGB 95 89 88	#5F5958
100.0%	100.0% #433F3E	RGB 67 63 62	#433F3E

#EBDFDA #CFC4C0 #B3A9A6 #978F8C #7B7472 #5F5958 #433F3E

#EBDFDA - #433F3E

Mezcla HSV

#EBDFDA - #433F3E | 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 #EBDFDA como 0% y #433F3E como 100%.

0.0%	0.0% #EBDFDA	RGB 235 223 218	#EBDFDA
16.7%	16.7% #CFC4BF	RGB 207 196 191	#CFC4BF
33.3%	33.3% #B3A9A5	RGB 179 169 165	#B3A9A5
50.0%	50.0% #978E8B	RGB 151 142 139	#978E8B
66.7%	66.7% #7B7471	RGB 123 116 113	#7B7471
83.3%	83.3% #5F5957	RGB 95 89 87	#5F5957
100.0%	100.0% #433F3E	RGB 67 63 62	#433F3E

#EBDFDA #CFC4BF #B3A9A5 #978E8B #7B7471 #5F5957 #433F3E

#EBDFDA - #978E8B - #433F3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EBDFDA 0%, #978E8B 50%, #433F3E 100%);
    background: -webkit-linear-gradient(top, #EBDFDA 0%, #978E8B 50%, #433F3E 100%);
    background: linear-gradient(to bottom, #EBDFDA 0%, #978E8B 50%, #433F3E 100%);
}
</style>