#B6AFAF - #8F5A5E | 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 #B6AFAF a #8F5A5E

#B6AFAF #8F5A5E

Calcule el color entre dos colores, #B6AFAF y #8F5A5E. 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)

#B6AFAF - #8F5A5E | 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 #B6AFAF como 0% y #8F5A5E como 100%.

0.0%	0.0% #B6AFAF	RGB 182 175 175	#B6AFAF
16.7%	16.7% #AFA0A1	RGB 175 160 161	#AFA0A1
33.3%	33.3% #A99294	RGB 169 146 148	#A99294
50.0%	50.0% #A28486	RGB 162 132 134	#A28486
66.7%	66.7% #9C7679	RGB 156 118 121	#9C7679
83.3%	83.3% #95686B	RGB 149 104 107	#95686B
100.0%	100.0% #8F5A5E	RGB 143 90 94	#8F5A5E

#B6AFAF #AFA0A1 #A99294 #A28486 #9C7679 #95686B #8F5A5E

#B6AFAF - #8F5A5E

Mezcla HSV

#B6AFAF - #8F5A5E | 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 #B6AFAF como 0% y #8F5A5E como 100%.

0.0%	0.0% #B6AFAF	RGB 182 175 175	#B6AFAF
16.7%	16.7% #AF9F9F	RGB 175 159 159	#AF9F9F
33.3%	33.3% #A98F90	RGB 169 143 144	#A98F90
50.0%	50.0% #A28182	RGB 162 129 130	#A28182
66.7%	66.7% #9C7375	RGB 156 115 117	#9C7375
83.3%	83.3% #956669	RGB 149 102 105	#956669
100.0%	100.0% #8F5A5E	RGB 143 90 94	#8F5A5E

#B6AFAF #AF9F9F #A98F90 #A28182 #9C7375 #956669 #8F5A5E

#B6AFAF - #A28182 - #8F5A5E

Códigos CSS

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

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