#B6ABAE - #D6B5E7 | 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 #B6ABAE a #D6B5E7

#B6ABAE #D6B5E7

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

#B6ABAE - #D6B5E7 | 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 #B6ABAE como 0% y #D6B5E7 como 100%.

0.0%	0.0% #B6ABAE	RGB 182 171 174	#B6ABAE
16.7%	16.7% #BBACB7	RGB 187 172 183	#BBACB7
33.3%	33.3% #C0AEC1	RGB 192 174 193	#C0AEC1
50.0%	50.0% #C6B0CA	RGB 198 176 202	#C6B0CA
66.7%	66.7% #CBB1D4	RGB 203 177 212	#CBB1D4
83.3%	83.3% #D0B3DD	RGB 208 179 221	#D0B3DD
100.0%	100.0% #D6B5E7	RGB 214 181 231	#D6B5E7

#B6ABAE #BBACB7 #C0AEC1 #C6B0CA #CBB1D4 #D0B3DD #D6B5E7

#B6ABAE - #D6B5E7

Mezcla HSV

#B6ABAE - #D6B5E7 | 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 #B6ABAE como 0% y #D6B5E7 como 100%.

0.0%	0.0% #B6ABAE	RGB 182 171 174	#B6ABAE
16.7%	16.7% #BEADB5	RGB 190 173 181	#BEADB5
33.3%	33.3% #C6B0BE	RGB 198 176 190	#C6B0BE
50.0%	50.0% #CEB1C8	RGB 206 177 200	#CEB1C8
66.7%	66.7% #D6B3D6	RGB 214 179 214	#D6B3D6
83.3%	83.3% #D7B4DE	RGB 215 180 222	#D7B4DE
100.0%	100.0% #D6B5E7	RGB 214 181 231	#D6B5E7

#B6ABAE #BEADB5 #C6B0BE #CEB1C8 #D6B3D6 #D7B4DE #D6B5E7

#B6ABAE - #CEB1C8 - #D6B5E7

Códigos CSS

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

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