#AF9FAD - #88435E | 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 #AF9FAD a #88435E

#AF9FAD #88435E

Calcule el color entre dos colores, #AF9FAD y #88435E. 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)

#AF9FAD - #88435E | 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 #AF9FAD como 0% y #88435E como 100%.

0.0%	0.0% #AF9FAD	RGB 175 159 173	#AF9FAD
16.7%	16.7% #A88F9F	RGB 168 143 159	#A88F9F
33.3%	33.3% #A28092	RGB 162 128 146	#A28092
50.0%	50.0% #9B7185	RGB 155 113 133	#9B7185
66.7%	66.7% #956178	RGB 149 97 120	#956178
83.3%	83.3% #8E526B	RGB 142 82 107	#8E526B
100.0%	100.0% #88435E	RGB 136 67 94	#88435E

#AF9FAD #A88F9F #A28092 #9B7185 #956178 #8E526B #88435E

#AF9FAD - #88435E

Mezcla HSV

#AF9FAD - #88435E | 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 #AF9FAD como 0% y #88435E como 100%.

0.0%	0.0% #AF9FAD	RGB 175 159 173	#AF9FAD
16.7%	16.7% #A88DA2	RGB 168 141 162	#A88DA2
33.3%	33.3% #A27C97	RGB 162 124 151	#A27C97
50.0%	50.0% #9B6C8A	RGB 155 108 138	#9B6C8A
66.7%	66.7% #955E7C	RGB 149 94 124	#955E7C
83.3%	83.3% #8E506D	RGB 142 80 109	#8E506D
100.0%	100.0% #88435E	RGB 136 67 94	#88435E

#AF9FAD #A88DA2 #A27C97 #9B6C8A #955E7C #8E506D #88435E

#AF9FAD - #9B6C8A - #88435E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9FAD 0%, #9B6C8A 50%, #88435E 100%);
    background: -webkit-linear-gradient(top, #AF9FAD 0%, #9B6C8A 50%, #88435E 100%);
    background: linear-gradient(to bottom, #AF9FAD 0%, #9B6C8A 50%, #88435E 100%);
}
</style>