#AF7B8C - #772C3E | 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 #AF7B8C a #772C3E

#AF7B8C #772C3E

Calcule el color entre dos colores, #AF7B8C y #772C3E. 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)

#AF7B8C - #772C3E | 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 #AF7B8C como 0% y #772C3E como 100%.

0.0%	0.0% #AF7B8C	RGB 175 123 140	#AF7B8C
16.7%	16.7% #A56D7F	RGB 165 109 127	#A56D7F
33.3%	33.3% #9C6072	RGB 156 96 114	#9C6072
50.0%	50.0% #935365	RGB 147 83 101	#935365
66.7%	66.7% #894658	RGB 137 70 88	#894658
83.3%	83.3% #80394B	RGB 128 57 75	#80394B
100.0%	100.0% #772C3E	RGB 119 44 62	#772C3E

#AF7B8C #A56D7F #9C6072 #935365 #894658 #80394B #772C3E

#AF7B8C - #772C3E

Mezcla HSV

#AF7B8C - #772C3E | 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 #AF7B8C como 0% y #772C3E como 100%.

0.0%	0.0% #AF7B8C	RGB 175 123 140	#AF7B8C
16.7%	16.7% #A56B7D	RGB 165 107 125	#A56B7D
33.3%	33.3% #9C5C6F	RGB 156 92 111	#9C5C6F
50.0%	50.0% #934E62	RGB 147 78 98	#934E62
66.7%	66.7% #894255	RGB 137 66 85	#894255
83.3%	83.3% #803649	RGB 128 54 73	#803649
100.0%	100.0% #772C3E	RGB 119 44 62	#772C3E

#AF7B8C #A56B7D #9C5C6F #934E62 #894255 #803649 #772C3E

#AF7B8C - #934E62 - #772C3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF7B8C 0%, #934E62 50%, #772C3E 100%);
    background: -webkit-linear-gradient(top, #AF7B8C 0%, #934E62 50%, #772C3E 100%);
    background: linear-gradient(to bottom, #AF7B8C 0%, #934E62 50%, #772C3E 100%);
}
</style>