#723747 - #D6C5CA | 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 #723747 a #D6C5CA

#723747 #D6C5CA

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

#723747 - #D6C5CA | 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 #723747 como 0% y #D6C5CA como 100%.

0.0%	0.0% #723747	RGB 114 55 71	#723747
16.7%	16.7% #824E5C	RGB 130 78 92	#824E5C
33.3%	33.3% #936672	RGB 147 102 114	#936672
50.0%	50.0% #A47E88	RGB 164 126 136	#A47E88
66.7%	66.7% #B4959E	RGB 180 149 158	#B4959E
83.3%	83.3% #C5ADB4	RGB 197 173 180	#C5ADB4
100.0%	100.0% #D6C5CA	RGB 214 197 202	#D6C5CA

#723747 #824E5C #936672 #A47E88 #B4959E #C5ADB4 #D6C5CA

#723747 - #D6C5CA

Mezcla HSV

#723747 - #D6C5CA | 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 #723747 como 0% y #D6C5CA como 100%.

0.0%	0.0% #723747	RGB 114 55 71	#723747
16.7%	16.7% #824858	RGB 130 72 88	#824858
33.3%	33.3% #935C6B	RGB 147 92 107	#935C6B
50.0%	50.0% #A47380	RGB 164 115 128	#A47380
66.7%	66.7% #B48B97	RGB 180 139 151	#B48B97
83.3%	83.3% #C5A7AF	RGB 197 167 175	#C5A7AF
100.0%	100.0% #D6C5CA	RGB 214 197 202	#D6C5CA

#723747 #824858 #935C6B #A47380 #B48B97 #C5A7AF #D6C5CA

#723747 - #A47380 - #D6C5CA

Códigos CSS

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

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