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

#B6ABAC #D6B5E7

Calcule el color entre dos colores, #B6ABAC 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)

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

0.0%	0.0% #B6ABAC	RGB 182 171 172	#B6ABAC
16.7%	16.7% #BBACB5	RGB 187 172 181	#BBACB5
33.3%	33.3% #C0AEBF	RGB 192 174 191	#C0AEBF
50.0%	50.0% #C6B0C9	RGB 198 176 201	#C6B0C9
66.7%	66.7% #CBB1D3	RGB 203 177 211	#CBB1D3
83.3%	83.3% #D0B3DD	RGB 208 179 221	#D0B3DD
100.0%	100.0% #D6B5E7	RGB 214 181 231	#D6B5E7

#B6ABAC #BBACB5 #C0AEBF #C6B0C9 #CBB1D3 #D0B3DD #D6B5E7

#B6ABAC - #D6B5E7

Mezcla HSV

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

0.0%	0.0% #B6ABAC	RGB 182 171 172	#B6ABAC
16.7%	16.7% #BEADB2	RGB 190 173 178	#BEADB2
33.3%	33.3% #C6B0BB	RGB 198 176 187	#C6B0BB
50.0%	50.0% #CEB1C6	RGB 206 177 198	#CEB1C6
66.7%	66.7% #D6B3D3	RGB 214 179 211	#D6B3D3
83.3%	83.3% #D9B4DE	RGB 217 180 222	#D9B4DE
100.0%	100.0% #D6B5E7	RGB 214 181 231	#D6B5E7

#B6ABAC #BEADB2 #C6B0BB #CEB1C6 #D6B3D3 #D9B4DE #D6B5E7

#B6ABAC - #CEB1C6 - #D6B5E7

Códigos CSS

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

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