#A77F7F - #E5DADA | 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 #A77F7F a #E5DADA

#A77F7F #E5DADA

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

#A77F7F - #E5DADA | 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 #A77F7F como 0% y #E5DADA como 100%.

0.0%	0.0% #A77F7F	RGB 167 127 127	#A77F7F
16.7%	16.7% #B18E8E	RGB 177 142 142	#B18E8E
33.3%	33.3% #BB9D9D	RGB 187 157 157	#BB9D9D
50.0%	50.0% #C6ACAC	RGB 198 172 172	#C6ACAC
66.7%	66.7% #D0BBBB	RGB 208 187 187	#D0BBBB
83.3%	83.3% #DACACA	RGB 218 202 202	#DACACA
100.0%	100.0% #E5DADA	RGB 229 218 218	#E5DADA

#A77F7F #B18E8E #BB9D9D #C6ACAC #D0BBBB #DACACA #E5DADA

#A77F7F - #E5DADA

Mezcla HSV

#A77F7F - #E5DADA | 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 #A77F7F como 0% y #E5DADA como 100%.

0.0%	0.0% #A77F7F	RGB 167 127 127	#A77F7F
16.7%	16.7% #B18C8C	RGB 177 140 140	#B18C8C
33.3%	33.3% #BB9A9A	RGB 187 154 154	#BB9A9A
50.0%	50.0% #C6A9A9	RGB 198 169 169	#C6A9A9
66.7%	66.7% #D0B9B9	RGB 208 185 185	#D0B9B9
83.3%	83.3% #DAC9C9	RGB 218 201 201	#DAC9C9
100.0%	100.0% #E5DADA	RGB 229 218 218	#E5DADA

#A77F7F #B18C8C #BB9A9A #C6A9A9 #D0B9B9 #DAC9C9 #E5DADA

#A77F7F - #C6A9A9 - #E5DADA

Códigos CSS

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

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