#DDDEDA - #3F3F3E | 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 #DDDEDA a #3F3F3E

#DDDEDA #3F3F3E

Calcule el color entre dos colores, #DDDEDA y #3F3F3E. 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)

#DDDEDA - #3F3F3E | 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 #DDDEDA como 0% y #3F3F3E como 100%.

0.0%	0.0% #DDDEDA	RGB 221 222 218	#DDDEDA
16.7%	16.7% #C2C3C0	RGB 194 195 192	#C2C3C0
33.3%	33.3% #A8A9A6	RGB 168 169 166	#A8A9A6
50.0%	50.0% #8E8E8C	RGB 142 142 140	#8E8E8C
66.7%	66.7% #737472	RGB 115 116 114	#737472
83.3%	83.3% #595958	RGB 89 89 88	#595958
100.0%	100.0% #3F3F3E	RGB 63 63 62	#3F3F3E

#DDDEDA #C2C3C0 #A8A9A6 #8E8E8C #737472 #595958 #3F3F3E

#DDDEDA - #3F3F3E

Mezcla HSV

#DDDEDA - #3F3F3E | 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 #DDDEDA como 0% y #3F3F3E como 100%.

0.0%	0.0% #DDDEDA	RGB 221 222 218	#DDDEDA
16.7%	16.7% #C2C3C0	RGB 194 195 192	#C2C3C0
33.3%	33.3% #A8A9A6	RGB 168 169 166	#A8A9A6
50.0%	50.0% #8E8E8C	RGB 142 142 140	#8E8E8C
66.7%	66.7% #737472	RGB 115 116 114	#737472
83.3%	83.3% #595958	RGB 89 89 88	#595958
100.0%	100.0% #3F3F3E	RGB 63 63 62	#3F3F3E

#DDDEDA #C2C3C0 #A8A9A6 #8E8E8C #737472 #595958 #3F3F3E

#DDDEDA - #8E8E8C - #3F3F3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDDEDA 0%, #8E8E8C 50%, #3F3F3E 100%);
    background: -webkit-linear-gradient(top, #DDDEDA 0%, #8E8E8C 50%, #3F3F3E 100%);
    background: linear-gradient(to bottom, #DDDEDA 0%, #8E8E8C 50%, #3F3F3E 100%);
}
</style>