#B6ABC6 - #B9D2E2 | 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 #B6ABC6 a #B9D2E2

#B6ABC6 #B9D2E2

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

#B6ABC6 - #B9D2E2 | 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 #B6ABC6 como 0% y #B9D2E2 como 100%.

0.0%	0.0% #B6ABC6	RGB 182 171 198	#B6ABC6
16.7%	16.7% #B6B1CA	RGB 182 177 202	#B6B1CA
33.3%	33.3% #B7B8CF	RGB 183 184 207	#B7B8CF
50.0%	50.0% #B7BED4	RGB 183 190 212	#B7BED4
66.7%	66.7% #B8C5D8	RGB 184 197 216	#B8C5D8
83.3%	83.3% #B8CBDD	RGB 184 203 221	#B8CBDD
100.0%	100.0% #B9D2E2	RGB 185 210 226	#B9D2E2

#B6ABC6 #B6B1CA #B7B8CF #B7BED4 #B8C5D8 #B8CBDD #B9D2E2

#B6ABC6 - #B9D2E2

Mezcla HSV

#B6ABC6 - #B9D2E2 | 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 #B6ABC6 como 0% y #B9D2E2 como 100%.

0.0%	0.0% #B6ABC6	RGB 182 171 198	#B6ABC6
16.7%	16.7% #B4ADCA	RGB 180 173 202	#B4ADCA
33.3%	33.3% #B2AFCF	RGB 178 175 207	#B2AFCF
50.0%	50.0% #B2B5D4	RGB 178 181 212	#B2B5D4
66.7%	66.7% #B4BED8	RGB 180 190 216	#B4BED8
83.3%	83.3% #B6C7DD	RGB 182 199 221	#B6C7DD
100.0%	100.0% #B9D2E2	RGB 185 210 226	#B9D2E2

#B6ABC6 #B4ADCA #B2AFCF #B2B5D4 #B4BED8 #B6C7DD #B9D2E2

#B6ABC6 - #B2B5D4 - #B9D2E2

Códigos CSS

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

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