#D4A8C0 - #3C3036 | 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 #D4A8C0 a #3C3036

#D4A8C0 #3C3036

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

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

0.0%	0.0% #D4A8C0	RGB 212 168 192	#D4A8C0
16.7%	16.7% #BA94A9	RGB 186 148 169	#BA94A9
33.3%	33.3% #A18092	RGB 161 128 146	#A18092
50.0%	50.0% #886C7B	RGB 136 108 123	#886C7B
66.7%	66.7% #6E5864	RGB 110 88 100	#6E5864
83.3%	83.3% #55444D	RGB 85 68 77	#55444D
100.0%	100.0% #3C3036	RGB 60 48 54	#3C3036

#D4A8C0 #BA94A9 #A18092 #886C7B #6E5864 #55444D #3C3036

#D4A8C0 - #3C3036

Mezcla HSV

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

0.0%	0.0% #D4A8C0	RGB 212 168 192	#D4A8C0
16.7%	16.7% #BA94A8	RGB 186 148 168	#BA94A8
33.3%	33.3% #A18091	RGB 161 128 145	#A18091
50.0%	50.0% #886C7A	RGB 136 108 122	#886C7A
66.7%	66.7% #6E5863	RGB 110 88 99	#6E5863
83.3%	83.3% #55444C	RGB 85 68 76	#55444C
100.0%	100.0% #3C3036	RGB 60 48 54	#3C3036

#D4A8C0 #BA94A8 #A18091 #886C7A #6E5863 #55444C #3C3036

#D4A8C0 - #886C7A - #3C3036

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4A8C0 0%, #886C7A 50%, #3C3036 100%);
    background: -webkit-linear-gradient(top, #D4A8C0 0%, #886C7A 50%, #3C3036 100%);
    background: linear-gradient(to bottom, #D4A8C0 0%, #886C7A 50%, #3C3036 100%);
}
</style>