#B6B2AF - #FFD0BF | 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 #B6B2AF a #FFD0BF

#B6B2AF #FFD0BF

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

#B6B2AF - #FFD0BF | 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 #B6B2AF como 0% y #FFD0BF como 100%.

0.0%	0.0% #B6B2AF	RGB 182 178 175	#B6B2AF
16.7%	16.7% #C2B7B1	RGB 194 183 177	#C2B7B1
33.3%	33.3% #CEBCB4	RGB 206 188 180	#CEBCB4
50.0%	50.0% #DAC1B7	RGB 218 193 183	#DAC1B7
66.7%	66.7% #E6C6B9	RGB 230 198 185	#E6C6B9
83.3%	83.3% #F2CBBC	RGB 242 203 188	#F2CBBC
100.0%	100.0% #FFD0BF	RGB 255 208 191	#FFD0BF

#B6B2AF #C2B7B1 #CEBCB4 #DAC1B7 #E6C6B9 #F2CBBC #FFD0BF

#B6B2AF - #FFD0BF

Mezcla HSV

#B6B2AF - #FFD0BF | 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 #B6B2AF como 0% y #FFD0BF como 100%.

0.0%	0.0% #B6B2AF	RGB 182 178 175	#B6B2AF
16.7%	16.7% #C2B9B3	RGB 194 185 179	#C2B9B3
33.3%	33.3% #CEC0B7	RGB 206 192 183	#CEC0B7
50.0%	50.0% #DAC5BA	RGB 218 197 186	#DAC5BA
66.7%	66.7% #E6CABD	RGB 230 202 189	#E6CABD
83.3%	83.3% #F2CDBE	RGB 242 205 190	#F2CDBE
100.0%	100.0% #FFD0BF	RGB 255 208 191	#FFD0BF

#B6B2AF #C2B9B3 #CEC0B7 #DAC5BA #E6CABD #F2CDBE #FFD0BF

#B6B2AF - #DAC5BA - #FFD0BF

Códigos CSS

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

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