#B6B1AF - #FFE6C7 | 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 #B6B1AF a #FFE6C7

#B6B1AF #FFE6C7

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

#B6B1AF - #FFE6C7 | 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 #B6B1AF como 0% y #FFE6C7 como 100%.

0.0%	0.0% #B6B1AF	RGB 182 177 175	#B6B1AF
16.7%	16.7% #C2B9B3	RGB 194 185 179	#C2B9B3
33.3%	33.3% #CEC2B7	RGB 206 194 183	#CEC2B7
50.0%	50.0% #DACBBB	RGB 218 203 187	#DACBBB
66.7%	66.7% #E6D4BF	RGB 230 212 191	#E6D4BF
83.3%	83.3% #F2DDC3	RGB 242 221 195	#F2DDC3
100.0%	100.0% #FFE6C7	RGB 255 230 199	#FFE6C7

#B6B1AF #C2B9B3 #CEC2B7 #DACBBB #E6D4BF #F2DDC3 #FFE6C7

#B6B1AF - #FFE6C7

Mezcla HSV

#B6B1AF - #FFE6C7 | 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 #B6B1AF como 0% y #FFE6C7 como 100%.

0.0%	0.0% #B6B1AF	RGB 182 177 175	#B6B1AF
16.7%	16.7% #C2B9B4	RGB 194 185 180	#C2B9B4
33.3%	33.3% #CEC1B9	RGB 206 193 185	#CEC1B9
50.0%	50.0% #DACABE	RGB 218 202 190	#DACABE
66.7%	66.7% #E6D2C1	RGB 230 210 193	#E6D2C1
83.3%	83.3% #F2DCC4	RGB 242 220 196	#F2DCC4
100.0%	100.0% #FFE6C7	RGB 255 230 199	#FFE6C7

#B6B1AF #C2B9B4 #CEC1B9 #DACABE #E6D2C1 #F2DCC4 #FFE6C7

#B6B1AF - #DACABE - #FFE6C7

Códigos CSS

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

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